라이프사이클 메서드 render: 필수적인 라이프사이클 메서드 constructor: 컴포넌트 생성자 메서드 getDerivedStateFromProps: 컴포넌트가 마운트/업데이트 될 때 사용 componentDidMount: 컴포넌트 만들고 렌더링 마친 후 실행, 비동기 작업 처리 shouldComponentUpdate: props나 state 변경 시, 리랜더링 여부 지정, Boolean 타입이며 기본적으로 ture를 반환 getSnapshotBeforeUpdate: 렌더링 결과가 반영되기 직전에 호출, 업데이트 직전 값 참고할 때 사용 componentDidUpdate: 리랜더링 후 실행, getSnapshotBeforeUpdate의 반환값을 Snapshot 파라미터로 사용가능 componentW..

필요성 / 중요성 리액트 컴포넌트 렌더링이 일어나는 중요 원인 중 하나가 props의 동등 비교에 따른 결과이다. JS에서의 동등비교가 일어나는 로직에 대해 잘 알고 있어야 렌더링 방지 및 렌더링 최적화 등의 기능을 올바로 활용할 수 있다. 데이터 타입 / 값을 저장하는 방식의 차이 원시 타입(primitive type)과 객체 타입(object/reference type)이 있는데, 객체를 제외한 모든 것들이 원시 타입에 속한다. 원시 타입은 불변 형태의 값으로 저장되고, 객체 타입은 변경 가능한 형태로 저장이 된다. 객체는 눈에 보이는 value가 동일하더라도 참조가 다르기 때문에 값이 같지 않다. 그러나 같은 value는 동일한 주소에 저장이 되기에 비교 결과가 같게 나온다. const hello1..

브라우저 HTML, CSS, JS를 실행하여 렌더링하는 것이 주요 목적으로 Client-side APIs(DOM, BOM, Canvas, XMLHttpRequest, fetch, SVG, Web Storage...)를 제공한다. node.js 브라우저 외부에서 JS 실행이 주요 목적으로 브라우저와 동일하게 ECMAScript를 제공하지만, Client-side APIs 대신에 Node.js 고유의 API를 제공한다.

문제 설명 한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째, 세 번째, 네 번째 학생의 정수 번호를 더하면 0이므로 세 학생은 삼총사입니다. 또한, 두 번째, 네 번째, 다섯 번째 학생의 정수 번호를 더해도 0이므로 세 학생도 삼총사입니다. 따라서 이 경우 한국중학교에서는 두 가지 방법으로 삼총사를 만들 수 있습니다. 한국중학교 학생들의 번호를 나타내는 정수 배열 number가 매개변수로 주어질 때, 학생들 중 삼총사를 만들 수 있는 방법의 수를 return 하도록 solution 함수를 완성하세..

문제 설명 숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요. 예를 들어, t="3141592"이고 p="271" 인 경우, t의 길이가 3인 부분 문자열은 314, 141, 415, 159, 592입니다. 이 문자열이 나타내는 수 중 271보다 작거나 같은 수는 141, 159 2개 입니다. 해결 전략 주어진 t를 길이 p만큼의 문자열로 잘라 배열에 저장 저장한 배열 값들을 꺼내어 p와 크기 비교 p보다 작은 것들이 있을 때 마다 정답에 1을 더해줌 코드 function solution(t, p) { let answer = 0; ..

문제 설명 자연수 n이 주어졌을 때, n의 다음 큰 숫자는 다음과 같이 정의 합니다. 조건 1. n의 다음 큰 숫자는 n보다 큰 자연수 입니다. 조건 2. n의 다음 큰 숫자와 n은 2진수로 변환했을 때 1의 갯수가 같습니다. 조건 3. n의 다음 큰 숫자는 조건 1, 2를 만족하는 수 중 가장 작은 수 입니다. 예를 들어서 78(1001110)의 다음 큰 숫자는 83(1010011)입니다. 자연수 n이 매개변수로 주어질 때, n의 다음 큰 숫자를 return 하는 solution 함수를 완성해주세요. 제한 사항 n은 1,000,000 이하의 자연수 입니다. 해결 전략 주어진 숫자 n을 2진수로 바꾸고, 해당 수에 포함 된 1의 개수 파악 n에 1을 더하고 2진수로 바꾸어 1의 개수 파악 2번과정에서 파..