인생은 반복문

1. 노마드코더의 바닐라 JS 2주 완성 챌린지가 시작됐다. 첫 날이라 그런지 Quiz만 응시했다. Quiz 내용을 간직하기 위해 github에 private으로 upload 했다. 2. 예전에 전공 수업인 Database에서 프로젝트를 진행했었는데 최근에야 내 github에 upload 했다. 홧김에 README.md까지 손봤다. 3. JS의 문법에 대해 포스팅 시작했다. 노마드코더의 바닐라JS 코스를 수강하며 몰랐던 문법들 위주로 다룰 예정이다. 오늘은 document, querySelector, Date, innerHTML을 다뤘다. 너무 상세히 쓰려고 하니 시간도 오래걸리고 효율이 안좋은거 같다. 다음 포스팅부터는 핵심만 간략하게 작성해야겠다. 4. NHN godo의 pre-test를 위해서 알고..

*혼자 내용 정리를 위해 작성하는 글이라 정확하지 않은 정보가 포함되어 있을 수 있습니다. // 예시 코드 function getTime() { const date = new Date(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); clockTitle.innerHTML = `${hours}:${minutes}:${seconds}`; } new Date()가 뭘까? 쉽게 생각해 시간을 다루는 Date 객체를 생성하는 코드이다. 그리고 생성된 Date 객체가 date 변수에 저장됐다. document가 웹페이지를 다루는 리모콘이라면 Date는 시간과 관련된 리모콘이다. 그..

*혼자 내용 정리를 위해 작성하는 글이라 정확하지 않은 정보가 포함되어 있을 수 있습니다. document.querySelector() 이번엔 document의 method 중 하나인 querySelector에 대해 다룰 예정이다. 기초적인 설명은 세 줄 뿐이다. 1. CSS selector(id, class, html tag type)를 인자(parameter)로 받아 HTMLElement를 반환하는 함수이다. 2. 인자로 받은 selector에 해당하는 HTMLElement가 document, 즉 웹페이지 내에 존재하지 않다면 null을 반환한다. 3. 만약 selector에 해당하는 HTMLElement가 여러 개일 경우 HTML에서 제일 위에 위치한 HTMLElement를 가져온다. 다음은 1, ..

*혼자 내용 정리를 위해 작성하는 글이라 정확하지 않은 정보가 포함되어 있을 수 있습니다. nomadcoders의 '바닐라 JS 클론코딩'을 수강했다. javascript 입문을 위해 수강했는데 모르는 것 투성이였다. 그래서 이번 글에서는 document에 대해 다룰 것이다. document document는 브라우저에서 load된 웹페이지를 다루라고 쥐어준 리모콘이라고 해석할 수 있는거 같다. 사용법만 알면 웹페이지를 구성하는 contents들에 대해 접근, 조작을 할 수 있다. 즉 웹페이지의 URL을 받아올 수도 있고 , 에 대해 진입, 생성, 삭제 등을 할 수 있게 되는 것이다. 리모콘을 조작할 줄 알면 TV채널도 바꿀 수 있고 음량도 조절하는 등 편리하다. 하지만 조작법을 모른다면 어느정도 사용법..

1. Jekyll 기초 튜토리얼 remote repository환경에서 진행해봄 2. MacOS Big Sur 문제로 local에 Jekyll 설치 애먹음 & bash ls command not found까지 겪음 3. 해당 문제 관련 트러블 슈팅 후 블로그에 기재(Medium) 4. Jekyll docs의 get started 수준은 local 환경에서 구동 되길래 다른 theme 다운 받아 진행하려니 다시 에러뜸 5. Jekyll에서 아예 install 단계부터 따라하던 도중 CLT 관련해서 문제 발생 & 다시 설치하니 해결 6. 하지만 여전히 theme에서 에러가 발생했고 심지어 트러블 슈팅 과정에서 명령어를 잘못 입력해서인지 local 환경에서조차 안됨 7. 여차저차 local에서 다시 되게 만들..