JavaScript

며칠전 동료의 코드를 보다가 바보같은 질문을 하게되어 다시 정리해보는 JSON의 개념 서버에 요청을 보내는 바디를 `JSON.stringify()`로 변환하는 코드를 보는데 갑자기 헷갈렸다. stringify는 말그대로 자바스크립트 객체를 문자열로 직렬화시켜주는 것아니던가? 왜 서버에 요청보낼때 stringify를 시키는거지..?? 나는 .. JSON과 JavaScript의 object를 헷갈리고있었던 것이었다.. 😱 먼저 JSON이 뭔지를 정확히 알아야한다. JSONJSON(JavaScript Object Notation)은 데이터를 주고받을수 있는 일반 텍스트 포맷을 뜻한다. JavaScript의 객체 표기법을 본따서 JSON syntax가 만들어졌다.JSON 포맷은 텍스트일뿐 JavaScript와..

상황1번째 api 요청 결과에 따라서 2번째 api가 처리되도록 동기적으로 실행순서를 보장하고 싶다. 1번째 api 사용자가 입력한 비밀번호가 기존 비밀번호와 일치하는지 확인 //사용자 비밀번호 확인 checkCurrentPassword: builder.mutation({ query: (password: string) => ({ url: 비밀번호확인 요청 주소, method: 'POST', headers: { 'Content-type': 'text/plain', }, body: password, }), }), 2번째 api사용자 비밀번호를 변경//비밀번호 변경updatePasswordQuery: b..

타입스크립트의 인덱스 시그니쳐 index signature 문법 [key: T]: U 언제 사용? 타입스크립트의 어떤 객체가 여러 키값을 가지고 있을 때 사용 "이 객체에서 모든 T 타입의 키는 U 타입의 값을 갖는다"는 것을 표현할 때 인덱스 시그니처를 통해 명시적으로 정의한 키 외에 다양한 키를 객체에 안전하게 추가 가능 주의할 점 인덱스 시그니처의 키(T)는 반드시 number 혹은 string 타입이어야 한다. 왜? 자바스크립트 객체의 키 타입은 문자열이므로 string 이어야 한다. 그렇다면 number 타입은? 배열은 결국 키 타입이 숫자인 객체의 일종이므로 number 타입도 키가 될 수 있다. 예시 코드 const airplaneSeating: {[seatNumber: string]: st..

객체 형식을 가진 배열 요소의 값을 수정하고 싶었다. 그런데 배열의 불변성을 지켜주는 map() 고차함수를 사용해서 객체의 요소를 수정했는데도, 원본 배열의 데이터가 아예 수정되는 현상이 발생했다. immutable과 mutable 차이를 제대로 알고 쓰기위해 정리해보려한다. 데이터 state라는 배열에 객체 형식의 요소가 들어가있다. const state = [ { id: 1, content: 'a' }, { id: 2, content: 'b' }, ]; 목표 특정 id로 객체 요소를 찾아 그 요소의 content 값을 바꾸는 함수를 작성한다. 그리고 처음 state값과 함수를 호출했을때의 반환되는 값과, 그 이후 state값이랑 비교해봄으로써 원본 state 데이터가 변경되었는지 (mutable), ..

코테문제를 풀다가 발견한 자바스크립트의 내장함수 parseInt() 와 Number()의 다른점 사실 parseInt() 와 Number() 모두 내용물이 정수형 숫자인데 type만 문자형일 경우에는 둘 다 숫자형으로 잘 변환해주어 똑같은 역할을 한다고봐도 무방하다. 나도 여태까지 두 함수 모두 같은 기능을 하는 줄 알았다는.. 그런데 내용물이 숫자가 아닌 경우에는 각각 다른 값이 나오고.. 찾아보니 엄연히 이론적으로는 달라서 한번 정리해본다. 오늘의 코테문제 const arr =[ '', '', '1', '23', '' ] 문자와 숫자가 섞여있는 string에서 정규표현식으로 문자를 걸러내고 숫자형만 남기고, 나머지 숫자를 더해주는 결과가 필요했다. 그래서 각 배열 요소를 숫자형으로 바꾸고 더해주면 되..

신기한 경험이다. 처음 공부할때는 전혀 무슨말인지 이해가 안되는 것들이 부트캠프 수료후 다시 모던 자바스크립트 Deep Dive 책을 읽으니 술술 잘 읽힌다. (아직 처음 부분이라 그런걸지도.... ) 자바스크립트 면접 스터디를 시작하면서 팀원들이랑 각자 자바스크립트 책을 읽고 궁금한 것들을 공유하는데 요즘 그래서 꼭 한시간 이상은 모딥다 책을 읽은 것 같다. 요즘 이 두꺼운 책읽는 재미에 빠졌다 ! 📌 질문 const a = {}; a.b = 5; console.log(a.b) = ? 콘솔에 찍히는 값은? 📌 면접 질문 의도 1. const랑 let을 알고있는가? 2. 원시타입, 객체타입의 차이를 알고 있는가? 📌 답변 5가 찍힌다. 빈 객체를 a라는 상수로 할당을 해주었다. const 키워드가 있어 ..