전체 글 (32) 썸네일형 리스트형 [데브코스 16일차] 3주차 과제를 수행 중... 오마이갓... 과제만 하다가 오늘 강의를 하나도 못 들었다... 과제밖에 못했음... 과제를 하면서 커밋이 상당히 많았기에 (원래 이런건가... 나만 커밋 많은 것 아니겠지...?) 커밋을 좀 정리해두어야 할 것 같다. 들었던 생각, 고민을 같이 정리하면 좋을 것 같다. 📌 feat: TodoList.js 렌더링 구현 TodoList 컴포넌트를 구현했습니다. 📌 feat: index.js 에 App 클래스 추가, 컴포넌트의 렌더링은 App이 담당하도록 모듈화 index.js 파일을 만들어서 App 클래스를 추가했습니다. 이제 컴포넌트의 렌더링은 App이 담당합니다. TodoList를 모듈화해서 App 클래스 안에 추가했습니다. 이제 data는 index.js에서 보냅니다. TodoList가 data를 받.. [데브코스 15일차] 브라우저 저장소와 모듈 + 1주차 미션 회고 🤔 생각해볼 것들 - 쿠키와 세션에 대해서 설명할 수 있나요? - 쿠키를 사용할 때 주의할 점에는 무엇이 있을까요? - 모듈화를 하면 무엇이 좋은가요? [1] 쿠키 ⚠ 쿠키와 세션에 대해서는 다음 번에 자세히 공부해보자. 웹 페이지에서 '하루동안 보지 않기', '15일 동안 보지 않기' 이런 기능들은 쿠키를 활용할 수 있다. 왜냐하면 쿠키에 유효기간을 넣을 수도 있기 때문. [1-1] 쿠키 저장하고 가져오기 document.cookie = "name=yong"; document.cookie = "location=korea"; console.log(document.cookie); // name=yong; location=korea 쿠키를 가져오게되면 문자열 형태로 반환한다. 이것을 이용해서 데이터를 추출하.. [데브코스 14일차 TIL] 바닐라JS 코드 디자인에 대해 2 + git 공부 💡 배우고 생각해본 것들 e.preventDefault() 에 대하여 e.preventDefault()는 from의 전송 뿐 아니라 태그의 기본동작을 차단한다. 예를 들어 a태그는 기본동작으로 href로 페이지를 이동하는데, 이것도 차단할 수 있다. 나는 그동안 폼의 전송을 막고 싶을 때 기계적으로 e.preventDefault()를 사용했는데, 태그의 기본동작을 막는다는 근본적인 생각을 하지 않고 사용하고 있었다. querySelector에 대하여 그 동안 나는 id, class, 태그 이름을 가져오는 것에만 기계적으로 사용하고 있었는데, 태그에 name을 줘서 input[name=todo] 이런 식으로 특정 태그를 가져올 생각을 하지 않았었다. html 기본기가 부족한 상태가 아닌가 체크를 해봐야 할.. 이전 1 2 3 4 5 6 7 ··· 11 다음 목록 더보기
