22.12.19 월요일
📌 포트폴리오 작업
큰 틀잡고, 스타일링 부족한 부분 마저 채워넣어줬다.
📌 모달창 학습
포트폴리오에 프로젝트 부분을 클릭 시, 모달창으로 설명을 띄어주면 어떨까해서 모달창 학습을 했다.
클릭으로 숨겨놨던 모달창을 보여지게 하고, 다시 클릭버튼으로 모달창을 숨기는 원리였다.
https://github.com/yeonjujeong0511/JS-TIL/tree/main/modal
22.12.19 화요일
📌코드 리팩토링
피드백받은 부분 코드를 함수화 시켜보는 연습
기능 구현 한 코드 버리지 말고, 다시 생각해보면서
더 편리하고 간결한 코드를 만드는 방법을 계속 연구해보기!
📌 클릭 이벤트로 숨겨진 내용보기
어렵게 생각하지말고 단순하게 생각하는 연습이 필요하다.
내가 만드려고 하는 거에있어서는 자꾸 어렵게 생각하는 경향이 있음
단순하게 생각해보면 답이 있다.
클릭으로 스타일링 변화를 주어 숨기고 보이고 하는 거 였음
https://github.com/yeonjujeong0511/JS-TIL/tree/main/hidden
22.12.19 수요일
📌 클릭 이벤트로 숨겨진 내용보기
어제 했던 기능은 됬지만 스타일링은 안해서 간단하게 완성
📌 포트폴리오 작업
contact 부분 작업하고, 아이콘을 찾아보다가 참고할 만한 레퍼런스 발견
스타일링 부분 수정 필요
22.12.26 월요일
📌DOMContentLoaded 이벤트
: 초기 HTML 문서를 완전히 불러오고 분석 했을때 발생
: DOM 트리를 완성하는 즉시 발생한다.
📌 카테고리 설정
map 함수로 카테고리 버튼 생성 및 클릭 시 해당 카테고리의 내용만 보일 수 있도록 하였다.
스타일링과 내용 추가 및 구성 해야한다!
https://github.com/yeonjujeong0511/JS-TIL/tree/main/menu
22.12.29 목요일
📌 메뉴 부분
메뉴 부분 스타일링을 주었다.
메뉴를 추가할때, 파일에 계속 추가하기 불편하니까 데이터를 저장하는 방식이 편할거 같다고 생각했다
📌 랜덤 추천
버튼 클릭하면 일단 가게 이름만 나오도록 설정
https://github.com/yeonjujeong0511/JS-TIL/tree/main/menu
23.01.03 화요일
📌 포트폴리오 작업
23.01.04 수요일
📌 classroom 백업 및 정리
다시 보면서 무엇이 부족한지, 정리할 수 있었고 부족한 부분은 순차적으로 공부 계획에 넣는다!
