기타

어쩌다 보니 한 달 동안 투 두 리스트를 무려 세 번이나 만들고 있다 하핫... 물론! 몇 번이나 다시 만들어도 재밌게 만들 수 있지만... 아이디어 고갈이 가장 큰 난관이다. 다행히 마지막이라는 생각으로 쥐어짜다 보니 옥스포트 노트가 생각났고, 바로 만들었다. 예상하던 완성본에 비해서 많이 부족하지만, 아무튼 완성했으니 만족! 흐 이젠 JS 챌린지도 끝이다 리액트로!, 프로젝트로! 다시 돌아갈 시간! https://yongjin-todolist.netlify.app/ 최종 미션 todoList yongjin-todolist.netlify.app 모바일 말고 PC로 봐야 함! 미디어쿼어리이???? 반응혀엉?.? 그런 거 없습니다요...

12일 차 진도 11일 차와 마찬가지로 프로젝트 결과만 기록할 예정이다. [12일 차 미션] 더보기 12일 차 미션 12일 차 결과

11일 차 진도 프로젝트라 따로 정리할 게 없다. 코드만 올릴 예정이다. 1. 검색바 2. 명언 API 3. 북마크바 [11일 차 미션] 더보기 11일 차 미션 11일 차 제출

10일 차 진도 position 웹 문서상에 요소를 배치하는 방법을 지정 position 속성 값 : static, relative, absolute, fixed, sticky 요소의 최종 위치 결정 : top, right, bottom, left - position 값이 static일 때의 위치를 기준으로 웹 요소들의 위치를 변경하고 싶을 때 relative 설정 - position 값이 static이 아닌 속성을 가진 부모를 기준으로 움직이게 하고 싶을 때 absolute - sticky, fixed는 스크롤할 때 요소를 고정시킬 수 있는 기능을 제공한다는 공통점을 가짐 sticky 속성을 적용한 div는 스크롤을 내리다가 부모 요소의 마지막까지 도달하면 해당 요소도 스크롤에 따라 움직이지만, fix..

9일 차 진도 Date 객체 특정 날짜의 시간과 현재 날짜와 시간을 알 수 있다. let nowDate = new Date(); console.log(nowDate); // 2023-12-13T00:50:37.026Z 오늘의 연도 월, 일 시간이 출력된다. Date 객체의 메서드 getMonth(월), getDate(일), getDay(요일) let nowDate = new Date(); let month = nowDate.getMonth(); let date = nowDate.getDate(); let day = nowDate.getDay(); console.log(`${month}월 ${date}일 ${day}요일`) // 11월 13일 3요일 getMonth 메서드는 월을 0~11 사이의 숫자로 표..

8일 차 진도 DOM 웹 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간 웹사이트란? 주소 URL에 접속해서 볼 수 있는 웹페이지들을 통틀어 말하는 말로, 흔히 말하는 ‘홈페이지’라고 할 수 있다. HTML(Hyper Text Markup Language) 브라우저에게 웹 사이트의 요소들이 어떻게 구성되어 있는지 알려주는 역할 CSS(Cascading Style Sheets) 웹 사이트 요소들을 꾸며주는 역할 DOM(Document Object Model) HTML을 자바스크립트가 이해할 수 있게 브라우저가 객체로 변환한 것 웹 브라우저는 HTML 문서를 불러온 뒤, 상하관계를 한눈에 볼 수 있는 DOM Tree 구조로 나타낸다. DOM Tree에서는 아이템 하나하나를 노드라고 부르며, 노..