교과서 자료실

html, css, javascript 프론트앤드 코딩 - 노트만들기 2 두번째 시간입니다. 이번시간에는 노트에 적힌 데이터를 저장하는 기능을 살펴보도록 하겠습니다. 완성된 모습인데요. 바로 시작해 보도록 할께요!! html, css, javascript 프론트앤드 코딩 - 노트만들기 2 글씨가 너무 작아서 글씨 크기를 키워 보겠습니다. font-size를 지정해 주면 되요!! html,body{margin: 0px; padding: 0px;} #gnb{width:100%; height:50px; border-bottom: 1px solid #ccc;} .logo{width:150px; text-align: center; line-height: 50px; margin:0 auto;} #content{pa..

html, css, javascript 프론트앤드 코딩 - 노트만들기 프로젝트를 진행해 보도록 하겠습니다. 아래와 같이 일단 디자인을 해서 노트 앱 모양을 만드는 것부터 시작해 보도록 하겠습니다. 바로 시작해 보도록 할게요!! 1. 라이브서버 설치 비쥬얼 스튜디오 코드를 열고 LiveServer를 설치합니다. 아래 화면처럼 나오면 설치가 잘 된거에요. 다시 탐색기 화면으로 돌아와서 Open with Live Server를 클릭하면 새로운 창이 탐색기(크롬 or 엣지) 에 열리게 됩니다. 만약 우리가 body태그 안에 아무 글자나 입력하고 저장을 하면 글자가 자동으로 반영이 되서 매우 편리해요!! 2. HTML 기본 구성 Wade memo Copyright @ 2023 wade 3. CSS 만들기 3-1 ..