안녕하세요

문제를 해결하기 위해 스스로 충분한 이해가 필요할 것 같아 별도로 글을 작성합니다. 문제를 보자마자 필요한 열쇠는 배열이라 생각했습니다. 분명히 배열을 만들면 쉽게 해결이 될 것 같은데, 배열을 혼자서 아무리 만들어 보려고 해도 실패했습니다. 그렇다고 해서 답을 보기는 싫었기 때문에 유튜브에 자바스크립트 2차원 배열을 검색해보았습니다. https://www.youtube.com/watch?v=tMeDkp1J2OM 자바스크립트로 2차원 배열 만들기 아주 친절한 영상을 발견했습니다. 쉽고 간단하게 2차원 배열을 만드는 방법이 무려 4가지나 있습니다. 첫 번째 방법이 직관적이기 때문에 첫 번째 방법을 이용했습니다. const rows = 5; const columns = 6; const array = []; ..

주말에 푹 쉬어도 월요일 수업은 피곤한 것 같습니다. slick을 활용한 슬라이드 구현 방법을 맛보기만 하고 다음 시간에 제대로 배웁니다. 엄청 새로운 내용을 배우지는 않았습니다. [3단 이미지를 구현했습니다.] 실제로 어떻게 만들어지는지, 보통 사용하는 웹규격은 어떤지에 대해 배울 수 있었습니다. 높이는 특별한 경우가 아니라면 auto로 두고, padding으로 조절합니다. background나 떠오르게 된 box가 기존의 layout에서 벗어난 경우에는 auto를 사용하지 않습니다. 모듈화 보통 header와 footer는 고정된 채로 main의 내용이 바뀝니다. 고정된 부분은 components로 만들어 작업을 합니다. .wrap : 한 섹션을 크게 둘러싸는 박스의 클래스명입니다. slick : 부..

5월은 하루에 5시간 강의라서 점진적인 적응을 하기에 좋은 것 같습니다. 국비교육 외에도 개인적인 일이나, 운동, 언어 공부도 쉬지 않기 위해 힘내야하는데 제대로 잠을 못 자서 하루 24시간이 온전하게 24시간으로 다가오질 않습니다. 수면 사이클이 엉망이라 아직 많이 피곤하지만 다음 주 부터는 이 사이클도 맞출 수 있도록 열심히 자야겠습니다. 주차별 기록에는 중요한 것, 잊기 쉬운 것, 완전기억으로 만들 수 있을 만한 내용들, 그리고 작업물들을 정리해 복습하기 쉽도록 해야겠습니다. 1주차 노트 5월20일 5일차 - 마우스이벤트 hover, font, icon 5월19일 4일차 - popup창 구현 (jquery) 5월18일 3일차 - navigation bar (box 강의 semantic tag 기억하..

js를 적용하는 3가지 방법을 배웠습니다. (head style/ body style/ DOMcontent~) font-family주소 폰트를 적용하는 방법을 배웠습니다. 가상요소선택자를 배웠습니다. ::after ::before css 마우스이벤트 hover:를 학습했습니다. 변화를 눈으로 확인하면서 웹을 만들 수 있기 때문에 다른 것보다 재밌게 할 수 있습니다. [pxxxbay 화면 따라 구현하기. 주소는 업데이트 됨에 따라서 스크린샷과 다를 수 있습니다.] [XEicon주소] CDN(Content Delivery Network) 아이콘을 적용하는 방법을 배웠습니다. 마우스이벤트 hover : 마우스가 올라간 상태 js를 적용시키기는 3가지 방법입니다. 첫번째, body의 마지막에 script를 위치..