바보도 코딩합니다 바보도 코딩합니다

회원가입 폼을 만드는 이유! 이 실습을 통해서 HTML, CSS, 자바스크립트의 주요 개념과 관계를 이해할 수가 있어요. 이번 실습의 흐름은 1) HTML 기분 문서 구조 작성 2) CSS를 통해 디자인 하기 3) 자바스크립트를 통해서 DOM에 접근하고 디자인 변경하기 입니다! 그럼 시작! 1. IDE에서 다이나믹웹 프로젝트생성, 프로젝트에 폴더를 생성. (서버 연동되어있는 가정입니다! 톰캣 등을 설치해서 연동 후 해주세요) (저는 이클립스를 사용해서 보여드릴게요. 편한거 쓰세요) 2. 폴더에 html 파일을 생성한다. 저는 이렇게 webtest라는 프로젝트를 생성했고요, src-main-webapp 위치에 폴더를 하나 생성해 준 뒤 html파일을 생성하면 됩니다. 가입이니까 간단하게 joinform.h..

만들 결과물 : 웹에서 작동하는 그림판 만드는 이유 : 결과물을 만드는 과정을 통해 JS,CSS,HTML을 보다 실질적으로 이해하기 위해서. (개념을 이해하고 정리하는 것보다 한발짝 더 나아가는 학습과정이라고 생각) 1️⃣ 셋업하기 0 . 명령프롬프트에서 깃헙에 클론, VScode 실행 1. 탐색기에서 index.html / app.js / styles.css 생성하기 🔻 (VScode에서 파일 생성시 확장자누르면 아이콘 바뀌는거 늘 짜릿하다.) 2. index.html 에 html document 만들고 타이틀 이름 설정하기 하고 싶은 타이틀 넣고... 3. index.thml 속 부분에 style.css 설정해주고, 부분에 app.js 불러줍니다. 여기까지 셋업 완료입니다. 우리는 빈 웹 화면을 만들..