본문 바로가기

분류 전체보기131

정적타입언어, 동적타입언어란? 보호되어 있는 글 입니다. 2024. 8. 1.
혼자 공부하는 자바스크립트 1일차 - Ch1 자바스크립트 개요와 개발환경 설정 보호되어 있는 글 입니다. 2024. 7. 31.
[바닐라 JS 챌린지] 날씨 API 정보 가져오기 - geolocation 보호되어 있는 글 입니다. 2024. 7. 25.
[바닐라 JS 챌린지] To-do 삭제하기 - Date.now 강의 요약▼ 기존 방식의 문제어떤 HTML element를 삭제할지는 알고있다 >> event.target.parentElement (btn의 부모인 li를 삭제해주었다.)그러나 array의 어떤 element를 DB에서 삭제할지는 모른다. 만약 toDos 에 'a'라는 값이 2개이상 저장될 경우 어떤 a를 삭제해야될까?>> 구별할 수 있는 id를 주자! ▼ 해결 방법1) toDos array에 그냥 text를 저장하지 말고, object를 만들어 저장한다.2) object마다 고유 id를 줘서 구분이 가능하게 만들자. 바뀌기 전)입력받은 input value 값을 그대로 push했었음 >> toDos.push(Input) 바뀐 후)입력받은 input value를 오브젝트로 만들어 push함 >> toD.. 2024. 7. 25.
[바닐라 JS 챌린지] To-do 불러오기2 - JSON.parse, forEach 강의 요약▼ 기존 todo 저장 방식의 문제점1) 새로고침 시 이전에 입력한 todo는 localStorage에 남아있지만 화면에는 보이지 않음. >> old todo를 불러와 화면에 보여주자!2) 새로고침 시 새로 추가한 todo만 localStorage에 저장되고, 이전의 todo는 덮어씌워져 사라짐  >> 매번 todos 배열을 빈 값으로 시작하고, 거기에 new todo를 push해 추가하기 때문이다! old todo값을 복원해 toDos 배열에 업데이트 해주자! ▼ 해결 방법1) toDos를 const말고 let으로 선언한다. (old todo를 getItem할거니까 업데이트가 가능하도록 바꿔준다)2) localStorage에 저장된 old todo가 남아있다면(savedToDos가 존재하면) .. 2024. 7. 24.
[백준] 2583번 영역 구하기 아이디어그림을 돌려서 생각하기좌표 위치 때문에 어떻게 풀어야 할지 몰랐는데 돌려서 생각하니 쉽게 풀 수 있었다.문제의 그림을 시계 방향으로 반바퀴 돌려서 생각해보자. (0,0)  0,20,3  1,11,21,31,4  2,22,3   3,23,3 4,04,1   5,05,1                                                          (7,5) 편안..위와 같이 그림을 이렇게 돌려놓고 보는게 문제 풀기에 자연스럽다.그럼 이제 가로길이가 m, 세로가 n인 직사각형이 되었다. 다음 단계로 넘어가 직사각형 영역을 칠해주는 것부터는 오히려 쉽다.직사각형 왼쪽아래 좌표를 (x,y) 오른쪽위 좌표를 (x2,y2) 로 입력받는다.0 2 4 4 로 입력 받았다면 색칠할 영역은 .. 2024. 7. 16.