악어의 공부하는 다락방

#4일차: HTML 실습 (2시간 소요) 할 일이 많았던 나머지.. 결과물은 만들었건만, 글이 올리는 것이 많이 늦어졌다. 오늘은 드디어 1회독을 끝내고 2회독, 즉 책을 보며 따라 실습해보며 인스타그램을 만드는 과정에 대해 소개해보고자 한다. 이전에 한 번 읽어가며 머릿속으로나마 그려보았던 내용이라 그런지 실습 때에 막히는 부분은 거의 없었다. HTML 부분에서 만든 것은 말 그대로 '뼈대'였다. 건물로 예를 들자면, '이만큼의 공간에 몇 층의 건물을 세울 것이다.'라는 대략적인 구조를 만들어가는 것이다. 즉, 우리가 생각하는 인스타그램 웹페이지를 만드는 데에는 이보다 더 많은 시간과 도구가 필요할 것이라는 뜻이다. 실제로 해보면 코드도 그리 어렵지 않고 간단한 것들 뿐이라 '어쩐지..' 하게 된다. ..

#3일차: JavaScript, 실전프로젝트 (1시간 소요) 오늘은 마지막 파트인 자바스크립트, 그리고 실습 프로젝트 부분을 읽었다. 이해하기 어려운 부분은 실습에서 공부하자 생각하고 조금씩 건너뛰었더니, 오늘 역시 시간이 많이 소요되지는 않았다. 오히려 전날보다는 짧게 걸린 편이다. -자바스크립트: 자바스크립트 파트에서는 자바에서 쓰이는 기초 문법과 그걸 어떻게 사용하는지에 대해 적혀 있다. 아마 다른 언어를 이미 배우신 분이라면 크게 어렵지는 않을 걸로 생각된다. 파이썬에서 배웠던 IF, 함수 같은 개념이 자바스크립트에서도 비슷하게 적용되어, 나 역시 술술 보며 넘어갔다. -실전프로젝트: 어려운 건 실습 프로젝트 부분이었는데, 아마 내가 직접 따라해보지 않아 어려운 거라고 생각된다. 컴퓨터 화면을 보..

#2일차: CSS (2시간 소요) 오늘은 CSS 파트에 대해 공부해보았다. 두시간 정도 가볍게 훑어보기만 했지만 아직까지 크게 어려운 부분은 없다. 코드야 실제로 만들어보면서 익숙해져야 할 것이고(ㅎㅎ)... 앞서 소개했던 HTML에서는 인스타그램을 따라 만드는데, HTML에서는 그 뼈대 부분을, CSS에서는 세부적인 기능을 추가하고 꾸미는 것에 중점을 두고 있다고 느껴졌다. 예제에서도 앞서 만든 인스타그램 홈페이지를 더욱 다듬고 있다. 평소에 웹사이트를 사용하며 자주 본 검색창, 달력 기능 등.. 익숙한 기능이 많아서 반가웠다. 신기한 것이 웹 개발을 하시는 분들은 회원정보라든지, 로그인이라든지 그런 시스템적인 부분에 대해서만 코드를 짜시는 줄 알았는데... 실제로 살펴보니 프로필 사진 크기라든지, 썸..