코딩팍

난이도 하 → (3)건

[할 일 목록 #2] CSS 로 이쁘게 꾸미기 (To-do list)

강의 목표 저번 시간에는 html을 이용해서 기본 페이지를 만들었습니다. 하지만 아직 꾸미지 않았기 디자인이 완성 되지 않은 느낌입니다. 이번 시간에는 css를 이용해서 index.html 파일을 아래와 같이 이쁘게 꾸며보겠습니다. See the Pen todo list by David Kijung Park (@ramiram) on CodePen. css 파일 만들기 먼저 이번 강의에 코딩할 style.css 파일을 저번에 만든 index.html 과 같은 폴더에 만들어 줍니다. index.html 파일이 들어있는 폴더에서 오른쪽 클릭 후 새 텍스트 파일을 만든다음에 파일 이름을 style.css 로 바꿔 주시면 됩니다. css 파일을 html 파일에 연결 하기 css 파일을 만들었으니 이제 html 파..
개발 Develop/HTML, CSS, Javascript 2020. 5. 21. 05:44

[할 일 목록 #1] HTML 으로 기본 페이지 만들기 (To-do list)

강의 목표: html으로 할 일 목록의 기본 페이지를 만들겠습니다. 이번 시간에 만들 html 페이지의 모습입니다. 처음에는 사용자 입력칸, 버튼, 제목, 리스트를 추가 하겠습니다. 완성된 모습: See the Pen todo list html only by David Kijung Park (@ramiram) on CodePen. 파일 만들기: 먼저 이번 프로젝트에 쓰일 파일들을 만들 '할 일 목록' 폴더를 만들어 줍니다. 여기에 프로젝트에 필요한 파일들을 만들 예정입니다. 폴더 안에 이번 강의에 사용할 index.html 파일을 만들어 줍니다. (보통 웹 사이트들의 시작 지점 파일은 index.html으로 이름 짓습니다.) 따라오시면서 중간중간에 index.html 파일을 크롬이나 사파리와 같은 브라우..
개발 Develop/HTML, CSS, Javascript 2020. 5. 20. 07:55

[할 일 목록 #0] 웹 사이트 만들기 프로젝트 HTML, CSS, Javascript로 할 일 목록 (To-do List) 만들기 소개

웹사이트 만들기 실전 프로젝트 웹사이트를 만들고 싶지만 어디서 시작해야 할지 모를 때, 함께 따라서 만드세요. 실제로 따라서 만들면 직접 만드는 게 보이기 때문에 재밌게 배울 수 있습니다. 기본적인 HTML, CSS, Javascript지식이 없더라도 따라올 수 있습니다. 여기서 배운 지식들을 토대로 더욱 복잡한 웹사이트도 만들 수 있게 됩니다. 미리 보기 See the Pen todo list js by David Kijung Park (@ramiram) on CodePen. 앱 기능 할 일 목록은 자신이 할일을 쉽게 추적할 수 있도록 도와줍니다. 목록 리스트 표시 항목 추가 항목 완료 표시 (심화) 항목 지우기 (심화) 목차 [할일 목록 #1] HTML 으로 기본 페이지 만들기 [할 일 목록 #2] ..
개발 Develop/HTML, CSS, Javascript 2020. 5. 20. 05:54
◀ 1 ▶

티스토리툴바