HYEWON JUNG의 개발일지

데이터 타입 기본형 Number String Boolean Null undefined symbol 참조형 > Object Array Function Date RegExp Map/WeakMap set / WeakSet 변수 vs 상수 변수 = 변수영역에서 메모리 변경 가능 상수 = 변수영역에서 메모리 변경 불가능 가변하다 vs 부변하다 가변하다 = 데이터 영역에서 메모리 변경 가능 불변하다 = 데이터 영역에서 메모리 변경 불가능 기본형 변수 영역 1002 1003 1004 1005 1006 빈칸을 찾아가기 origin / 4001>4002 print/4002 > 4003 데이터 영역 4001 4002 4003 4004 4005 test real second 불변 Ex) let origin = test ; ..

오늘의 목표 3강 복습 2강 정리 modal 만들기 오늘의 개발, 새롭게 알게된 것 예성님의 코드가 조금 수정됐는데 수정된 코드가 이해하기 시워져서 이젠 정말 해낼 수 있을 것 같다고 느꼈다. 궁금했던 부분도 해결되었다. 지금 내가 시도하고 있던 방식은 모달이 하나만 열릴 건데 그 열릴 애의 기준은 카드에 타이틀과 같은 애만 hidden이 풀리는 거야. 였는데 => 기준을 어디에 써야할 지 모르겠고 아무대나 쓰다보니 먹히지 않았다. 그래서 검사해서 확인해 봤더니 클릭이벤트가 실행될때 hidden이 사라져서 모달이 보이게 되는건데 그게 첫모달만 사라졋다. 그래서 전체 모달에 반복될수 있게 해야한다 생각했지만.. 아직 다른 카드들이 버튼으로 인정되있지도 않은 것을.. 그래서 방법을 바꿨다. 모달 하나가 아니..

데이터 구성, 검색 , 사용을 효율적으로 처리 => key / value = key에 어떤 데이터 타입도 들어올 수 있다. => Map은 key 가 정렬된 순서로 저장되기 때문 => 기능 (검색, 삭제, 제거, 여부확인) => 반복 method (keys(), values(), entries()) const myMap = new Map(); myMap.set ('key', 'value'); // 넣기 . . . myMap.get('key')//가져오기 ↓↓ const myMap = new Map(); myMap.set("one", 1) myMap.set("two", 2) myMap.set("three", 3) //반복자(keys, values, entries) //반복자를 풀지 않고 그대로 쓸 경우 co..

(1)변수에 함수를 할당할 수 있다. const sayhello = function(){ console.log('hello'); } 장점 sayHello 란 이름을 가지고 어디서나 함수 호출을 할 수 있다. 객체에 넣을 수도 있고 매개변수로 지정할 수도 있다. =>함수가 마치 값으로 취급된다. // 함수가 나중에 쓰일 수 있도록 조치 되었다. (2)함수를 인자로 다른함수에 전달할 수 있다. function callFunction(func){ func(); //매개변수로 받는 변수가 함수다 } const sayHello = function(){ console.log('hello'); } callFunction(sayHello); => 콜백함수 : 매개변수로써 쓰이는 함수 => 고차함수 : 함수를 인자로 받..

오늘의 목표 내 개인 과제에 대입해보기=> 실패 3강 정리하기=> 2강 재복습 오늘의 개발, 새롭게 알게된 것 예성님의 코드 설명을 들으면서 내가 어디가 부족한지, 코드를 복붙하면서 코드를 이해하지 않고 채우는 데에만 집중했는지 알 수 있었다. 코드를 볼때는 전혀 이해가 가지 않았는데 설명을 들으니까 다 들어본 내용이었고 내가 한 방식이랑은 조금 달라서 신기했다. 우선 설명을 들으면서 공부해야겠다 느낀 것들은 Promise, find, parent, child, Map 등등.. 들어보고 보긴 했지만 내가 활용하지 못하는 것들을 알아야 해결할 수 있겠다싶었다. 지금 현단계에서 도움 없이 구글링 만으로 코드를 짜는게 원래 어려운 건지 아니면 내가 공부를 제대로 안한 건지 알 수 없지만 보충반 수업을 들으면서..

오늘의 목표 팀프로젝트 이해하기 자바스크립트 가이드 풀어보기 2강 정리 오늘의 개발, 새롭게 알게된 것 2개 인자의 곱 // [요구사항] // 아래 함수 multiply는 두 인자를 받아 곱한 값을 반환합니다. 해당 함수를 완성하십시오. // [코드] function multiply(a, b) { return a*b; }console.log(multiply(2, 3)) 배열의 합 // [요구사항] // 주어진 숫자 배열의 모든 요소를 더하는 함수 sumArray를 작성하세요. // // [코드] function sumArray(arr) { let output = 0; for(let i= 0; i 5) { if (numbers[i] === 8) { break; } console.log(numbers[i])..