기록

자바스크립트에는 7개의 데이터 타입을 제공한다. 7개의 타입은 원시타입과 객체타입으로 분류된다. 구분 데이터 타입 원시 타입 숫자 타입 문자열 타입 불리언 타입 undefined 타입 null 타입 심볼 타입 객체 타입 객체, 함수, 배열 등

변수 정의 하나의 값을 저장하기 위해 확보된 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 변수 선언 선언 방식에는 var, let, const가 있다 변수 선언은 코드가 실행되기 이전 단계에서 우선 실행된다 변수의 선언은 2단계에 거쳐 실행된다 선언 단계: 변수 이름을 자바스크립트의 엔진에 변수의 존재를 알린다 초기화 단계: 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다 할당 선언한 변수에 = 연산자를 이용하여 값을 저장한다 var num; // 변수 선언 num = 0; // 할당 var num = 0; // 하나의 문으로 축약 가능 값을 할당하면 현재 변수에 저장한 값이 변경되는 것이 아니고 새로운 메모리 공간을 확보하여 값을 저장한다 num이라는 변수를..

문서 객체 모델 DOM DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. HTML에서 현재 문서를 나타내는 document로 진입하여 각 태그들을 트리 구조로 표현한다. - DOM Tree 예시 document 객체를 이용하여 document.body.style.background = 'red' 브라우저 객체 모델 BOM 브라우저에서 제공되는 문서 이외의 모든것들을 제어하기 위한 객..

문제 풀이 js 내장함수 parseInt로 처리가능하다 function solution(s) { return parseInt(s); } 다른풀이 double tilde로도 사용이 가능한데 아주 큰숫자는 작동 하지않는다. function solution(s) { return ~~s; }

기존에 React, Redux로 3년은 더 된 회사의 프로젝트를 다시 재구성하여 작업을 진행할 기회가 생겨 프로젝트 설정부터 완료까지 혼자 진행한 회고록이다. 1. 기술 스택 설정 - 기존에 사용하던 스택으로는 React, Redux, Redux-Saga, Antd, Styled-Component, Typescript 였고 presentational & container 패턴을 이용하여 제작을 주로 사용하였다. 다른 기술들과 비교점을 찾아가며 협업과 개발에 더 편리한 스택을 찾기 위해 새로운 기술 스택을 도입하였다. React 프레임워크인 Next를 채택하였고 상태 관리로 Mobx, UI프레임워크로 MetarialUI를 사용하였다. 컴포넌트를 더 세분화하고 재사용성을 더 높이기위해 Atomic디자인 패턴..

문제 입출력 예 풀이 languagesList -> 받아온 table에서 직업군별 언어 리스트를 반환하는 함수. 5점 언어부터를 1점부터로 reverse 시켜서 반환. split으로 array 배열로 만들어준후 shift로 첫번째 인덱스인 직업군을 제외시켜서 반환 jobScore -> 각 직업군별 언어선호도 * 언어점수를 반환하는 함수 개발자가 사용하는 언어가 직업군별 언어리스트에 있을경우 연산한 점수를 반환한다. indexJob -> 점수가 가장높은 직업군의 인덱스를 구하는 함수 2개 이상일 수 있기때문에 배열로 반환했다. map을 이용해 현재값이 최대값인지 판별 후 현재 인덱스를 반환하고, 반환하지 않으면 undefined가 반환되기 때문에 filter로 undefined를 거르고 반환한다. resu..