Web (3) 썸네일형 리스트형 FE - 모멘텀 페이지 개선 기록 21.05.17 이 페이지는 이렇게 마무리 하려고 한다. 만족스럽진 않지만 위에 있는 일주일 전 모습을 보니 그래도 많이 나아진 거 같다.^^ 검색 기능이 있으면 약간 더 완성도 있어 보일것 같아 추가하려고 했는데 url입력창에서 내장 검색을 사용할 수 있으니 굳이 추가할 필요가 없다고 생각해서 안 만들었다. 깃허브에 공개로 올릴 생각인데 js에 작성한 api키를 그대로 공개하는 게 찝찝해서 config파일로 api키 (open weather map이랑 unsplash를 위한 것 두 가지가 사용되고 있다.)들을 빼고 나머지를 깃에 배포하려고 한다. 21.05.10 css 너무 헷갈리고 어렵다.. 노답 상태인데 뭐로 공부해야 될지 모르겠다. 문제는 두 개로 나뉜다 1. 일단 css를 잘 모른다 2. 디자인.. JS - list, 배열 요소 삭제 시 새로고침 없이 id 갱신하기 오늘도 노마드 코더의 모멘텀 클론코딩 중 개선한 것을 기록해 본다. 오늘 내가 한 것은 삭제 후 중복되는 id 문제 해결이다. 먼저 이게 어떤 문제인지 캡처와 함께 살펴보자. task1~4까지 순서대로 삽입했을때 toDos의 모습 확인. task2를 삭제한 경우 toDos의 모습. 그 후 task5를 삽입하면 task4와 task5의 id가 둘 다 4로 겹치는 것을 알 수 있다. html또한 li의 id가 1, 3, 4, 4로 중복되고 있다. 새로고침만 해 줘도 id가 1, 2, 3, 4..깔끔하게 정리되지만 중복이 발생하는 건 찝찝하다고 생각하던중 찝찝할 수 밖에 없는, 중복으로 인해 발생할 수 있는 문제를 알게 됐다. 같은 id를 가진 todo를 삭제한 경우 html을 봤을때는 아무 문제가 없지만 l.. JS - input.focus 가 안 되었던 이유 노마드 코더에서 무료로 제공하는 바닐라 js (Vanilla js) 강의를 들으며 간단한 웹 페이지 클론코딩을 하고있다. 오늘까지 진행한 부분에서 조금 더 개선하고 싶은 부분이 있어서 코딩을 하다가, 마주친 간단한 오류(실수)와 해결 방법을 적어보려고 한다. Hello YeongSu 라고 되어있는 헤딩을 누르면 이름에 해당하는 input을 받을 수 있게 된 웹 페이지이다. 내가 하고 싶은 것: 위와 같은 상황에서 text input을 받을 때 사용자가 편리하게 사용할 수 있도록 focus를 주고 싶다. 전환되는 부분을 담당하는 js 코드: function askForName(){ console.log("askforname"); form.classList.add(SHOWING_CN); form.addEve.. 이전 1 다음
