728x90 코딩애플254 동적 UI 만드는 스텝 (Alert 박스 만들기) 오늘의 숙제 : Alert 박스 내에 닫기 버튼과 기능을 만들어보십시오 닫기 버튼을 누르면 Alert 박스가 뿅 사라져야합니다. ▲ 오늘은 이런 Alert UI를 만들어보면서 html 변경이나 더 해봅시다. 저번 시간 숙제 (참고) 검색할 때 $ 표시가 나오는 경우, 제이쿼리 같은 문법인 것. - 스킵하고 다른 문서 찾아보기 주석 처리 하는 방법 기본적인 UI 만드는 법칙 웹페이지에선 탭, 모달창, 서브메뉴, 툴팁 등 수백개의 동적인 UI를 만들 수 있습니다. 이런거 하나하나 다 가르치면 100강도 모자라기 때문에 UI 만드는 법을 알려드릴테니 이거 외워가시면 저런 UI는 알아서 다 만들 수 있습니다. 1. HTML CSS 로 미리 UI 디자인을 해놓고 필요하면 평소엔 숨김 2. 버튼을 누르거나할 경우 .. 2023. 11. 25. 강의 소개와 자바스크립트의 근본 [ 오늘의 숙제 ] 내부 글자 사이즈를 16px로 변경해오십시오 자바스크립트로 font-size 변경하는 법을 구글찾아보면 되겠군요 옛날 C언어 가르치듯 문법만 쭉 나열하면서 수학계산 같은거부터 가르치는 사람들이 많은데 그렇게 배우면 중간쯤 재미없어서 때려침 그래서 본 강의는 재밌는 프로젝트 만들면서 진행합니다. 여러가지 웹 UI를 만들어보며 JavaScript 문법에 대해 배워봅시다. 개발환경 셋팅 0. 에디터를 설치합니다 저는 강의용으로 Brackets 쓸거고 VSCode 이런거 쓰셔도 됩니다. 다 컸으니 알아서 설치하십시오 1. 코드짤 작업폴더를 바탕화면 아무데나 만드시고 2. 파일 - 폴더열기 등으로 여러분이 작업할 폴더를 열고 3. 좌측에서 index.html 파일 만들고 코딩 시작하십시오. 4.. 2023. 11. 25. position : sticky 활용하기 보호되어 있는 글 입니다. 2023. 11. 23. 레이아웃 만들기 4 : CSS Grid 레이아웃 보호되어 있는 글 입니다. 2023. 11. 23. transform & animation 으로 매끄러운 애니메이션 만들기 보호되어 있는 글 입니다. 2023. 11. 22. HTML video, audio 다루기 보호되어 있는 글 입니다. 2023. 11. 22. 이전 1 ··· 30 31 32 33 34 35 36 ··· 43 다음 728x90
