![]()
유튜브의 "드림코딩 by.엘리" 님의 4개 영상을 보고 정리한 내용입니다. 이 채널은 제가 정말 좋아하는 코딩 채널이고, 유익한건 말할 것도 없습니다. 깔끔한 설명과 발음, 체계적인 커리큘럼이 무료로 듣기 미안할 정도입니다. 누가 물어보면 꼭 추천하는 채널인데, 제가 강의들으면서 필기했던 내용을 공유하러고 합니다. 프론트엔드 입문자를 위한 내용이고, 링크는 가장 아래에 걸어놨습니다. 공부 법 프론트엔드 공부 순서 누구나 쉽게 접근할 수 있는 영역 취미와 다르게 얼마나 공부해야하는지, 얼마나 깊게 파야하는지 로드맵으로 알아본다 어떻게 공부해나가면 좋을지? 프로젝트단위로 공부해 나간다. 결과물이 있어야 함. 문제해결능력을 키울 수 있다. 따라하기식 공부, 이론식 공부는 문제 해결을 연습할 수 없다. HTML..
![]()
html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..
