#10월 시작.
공부하기 시작한지 벌써 3개월이나 지났다.
나름 많이 성장했나? 그런 것 같긴하다. 하지만 아직 부족하지 당연히.
이번달부턴 리액트 강의를 시작한다. HTML/CSS/JavaScript도 처음 배울 때에는 열심히 집중해서 이제는 사용하고 적응하는 단계에 접어들고 있었다. React라는 새로운 것을 배우게 되면 또 처음 배울 때 처럼 집중해야겠지.
배움이 즐거운 시간이 좋다.
#웹 클론코딩 마무리
주말동안 반응형 CSS마무리와 자바스크립트 구현을 끝냈다.
반응형 CSS를 작성하면서 윈도우 창이 리사이즈 될때마다 변하는 폰트사이즈를 vw나 vh로 해결했고, 원본 사이트의 조금은 이상한 비율은 내가 보기 좋게 수정했다.
자바스크립트로 구현한건 GNB메뉴 풀다운 / 모바일,태블릿버전 헤더 / 오토배너 / 메인페이지의 circle 움직임 / 스크롤 시 헤더 숨김 / 모바일 버전 푸터 리스트 이렇게 구현했다.
클래스 on을 추가하고 삭제하고의 기능은 이제 쉽게 할 수 있지만, on이 추가 되었을 때의 CSS 작성을 조금 더 공부해야할 것 같다.
막상 on이 추가되긴 하는데 원하는대로 CSS가 변하지 않고 그런 상황이 많았다..
그리고 특이하게 메인페이지의 circle 움직임은 마우스무브 이벤트로 구현했는데 screen값을 가져오는 것과 page의 값을 가져오는 것의 차이를 알게 되었다. 처음에는 page의 값을 가져와서 위치를 지정하다보니 Y값이 아주 중구난방이였다.(page의 Y값은 6천을 겉돌았기에..)
그래도 혼자 힘으로 기본적인 기능들이 들어가있는 웹을 만들어보니 다음 웹을 만들 때에는 조금 도움이 되겠지..
메인페이지
서브페이지 1
서브페이지 2
#자바스크립트, HTML 블로그 정리
HTML은 기존에 포이마웹을 통해 공부했던거 그대로 정리해서 옮겼고, 자바스크립트는 정독하면서 공부하고 이해한 후에 한 개씩 올렸다. 포이마웹에 너무 자세하게 설명이 잘 되어있어서 공부하기가 좋다. 자바스크립트 공부하면서 CSS도 정리해서 천천히 옮겨야하고.. ES6도 공부해야하고 리액트,타입스크립트, Sass 등등.. 아직 공부할 것이 많다..!
아직 15번 스코프까지밖에 못읽었다..
오늘 끝, 내일 안녕
