객체나 배열을 스프레드 연산자를 사용해 복사하는 방법단, 객체 안에 객체가 있는 경우 ==> 스프레드를 사용할 경우 해당 객체가 있는 주소값이 그대로 들어가기에 이 객체 안에서도 스프레드를 사용해야함.위에서 스프레드를 활용했으나, 제대로 복사가 되지 않은 마지막 예시를

템플릿을 날릴 준비를 하기.함수에서 html코드 만들기...이렇게 + 연산자를 사용하는것을 벡틱을 사용하여 전체를 묶고 변수는 ${여기에} 넣어주고 띄어쓰기로 구분하면 된다. 이러한 것이 템플릿 리터럴이고, 템플릿 리터럴을 사용함으로써 여러줄 작성하는 것이 가능해진다.

이러한 객체가 있다.각 객체의 요소들을 뽑아 변수에 담을 수 있는데이런식으로 담아줄 수 있다. 다만, 너무 번거로운 과정이다. 따라서 구조분해 할당을 사용할 수 있다.객체의 구조분해할당.원본이 객체로 감싸져있기에 원본 myUser에서 뽑아서 사용하고 싶은 애들만 뽑아

파샤드패턴길게 단계를 나눠 작성된 함수를 각각 나눠서 하나의 함수에 넣어 실행시켜주면 , 각 단계를 한눈에 알 수 있다.이것이 파샤드(성벽)패턴이고, 리펙토링과정이다.

객체: 키가 있는 컬렉션 저장.배열: 순서가 있는 컬렉션 저장실제 사용하기에는 이 두 자료구조만으로 부족하여 map과 set이라는 것이 생기게 되었다.맵의 주요 메서드와 프로퍼티new Map() - 맵을 만듬map.set(key,value) - key를 사용해 valu

벡엔드 개발자:API와 데이터 베이스를 연결하게끔 하여 수많은 API를 안정적으로 만드는 사람.node.js는 html에서 js만 따로 때어냄.코드 리펙토링: 전보다 알아보기 쉽게 다시 만드는 것.브라우저에서 코드를 실행시에는 html과, css, js를 사용한다.어떤

localhost: 작업하고있는 내 컴퓨터 자체. localhost === 127.0.0.1 DNS: Domain Name System ip주소를 도메인주소로 변환해 주는 것을 DNS 라고 말한다. 127.0.0.1 이라는 ip주소를 localhost 라는 도메인

이렇게 작성하는 함수 선언 방식은 함수 표현식이라고 한다.이렇게 작성하는 함수 선언 방식은 화살표 함수라고 한다.이렇게 작성하는 함수 선언 방식을 함수 선언문이라고 한다.그런데 함수 선언문의 경우, 호이스팅의 문제가 있다.(호이스팅의 영향을 반ㄷ게된다.)자바스크립트는

책을 찾아보며 코드를 작성하다 보니 SSR을 진행할 수 있을것 같다는 무한한 자신감이 들었고 코드를 작성하기 시작했다.물론 ChatGPT 를 많이 이용하고, 검색도 많이 하기는 했지만 데이터도 잘 불러왔고, 화면에 잘 그려져서 와우!! 나도 할 수 있잖아!! 라는 엉뚱

서버사이드 렌더링을 진행해 제공해주신 json데이터를 받고 ,화면에 그리고있다.첫 페이지가 어느정도 완성되고, 두번째 페이지를 만들고있는데 아뿔사...글쎄 props로 보내는 데이터가 제대로 가지 않는 것이다.console.log을 아무리 찍어봐도 그대로...아무래도

오늘부터 7일간은 과제로 내준 코딩테스트에 집중할까한다.물론... 붠가 지치는 느낌이지만.. 힘내자. 최선을 다하자

iterable객체 (반복 가능한 객체)는 배열을 일반화한 객체이다. 이터러블이라는 개념을 사용하게되면 어떤 객체에든 for...of반복문을 적용할 수 있다.배열은 대표적인 이터러블이다.배열 외에도 다수의 내장 객체가 반복이 가능한다. 문자열 역시 이터러블의 예시

배열은 다양한 메서드를 제공한다. 배열의 맨 앞이나 끝에 요소를 추가하거나 제거하는 메서드는 앞서 언급을 했었다.arr.push(...items) 는 맨 끝에 요소를 추가하는 것arr.pop() 맨 끝의 요소를 제거한다.arr.shift() 맨 앞의 요소를 제거한다.a

new Date를 호출시 오전 9시를 기준으로 나옴.따라서 카운터에 맞게 자정을 기준으로 설정해주기 위해 targetDate에 setHours(0,0,0,0)속성을 추가해 자정을 기준으로 타이머가 되게 변경을 해주자시간이 많이 줄어든것이 확인이된다.createElem

함수 안에서는 그 안에서 선언된 변수나 데이터에 접근이 가능했다. 그런데 함수 밖에서는 다른 함수에서 선언된 변수나 데이터에 접근할 수 없다.이럴때 return이라는 명령어를 사용하게 되면 함수 내부에서 건내주는 데이터를 함수 밖에서도 사용이 가능해진다.우리는 함수를

함수:어떠한 기능을 수행하거나 계산을 수행하는 코드의 집합1초마다 타이머 갱신될것원하는 시간대가 되었다면 타이머가 종료..잘못된 날짜를 입력한다면 유효하지 않은 시간대 임을 알려줌타이머 초기화 시 초기화면으로(clearTimeout(..))

객체: 배열과는 다르게 순서가 아니라 각 카테고리별로 데이터를 관리해줌. 여러개의 프로퍼티를 같는 타입.각 속성들은 키와 값의 한 쌍으로 이루어짐. 배열과는 다르게 데이터를 명시적으로 관리할 수 있음.각 프로퍼티의 키는 문자열처럼 속성을 읽고 키의 역할만 함.(다만 따

키를 사용해 식별할 수 있는 값을 담음 컬렉션은 객체 라는 자료구조를 이용해 저장한다.이러한 객체 만을 이용하여도 다양한 작업을 할 수 있다.그러나 개발을 진행하다보면 첫번째요소, 두번째 요소, 세번째 요소 등과 같이 순서가 있는 컬렉션이 필요할 때가 생길때가 있다.순

오늘 리덕스를 사용해 저장한 데이터를 useSelector를 통해 가져오고 리스트에 변경사항이 있을때 변경된 투두리스트로 변경하기 위해 useDispatch라는 훅을 사용하였다.dispatch라는 변수에 담아 함수를 생성하고, 실행할 액션을 넣어주면 투두를 체크하거나

자바스크립트에는 글자 하나만 저장할 수 있는 별도의 자료형은 없다.텍스트 형식의 데이터는 길이와 상관없이 문자열형태로 저장된다.자바스크립트에서 문자열은 헤이지 인코딩 방식과 상관없이 항상 UTF-16형식을 따른다.문자열은 작은따옴표나 큰따옴표, 벡틱으로 감쌀 수 있다.