profile
개발 공부한 걸 올립니다

TypeScript에서 타입 잡아주기(1)

instance위와 같이 작성해주는 것이 좋다.<>안에는 어떤 요소에서 마우스 이벤트가 발생하는지 명시예를 들어 HTMLDivElement는 div 태그에서 마우스 이벤트가 발생함을 뜻한다.next.js로 프로젝트를 만들지 않으면 React.ChangeEvent와

2022년 7월 28일
·
0개의 댓글
·

Warning: A component is changing an uncontrolled input to be controlled. 해결법

Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value

2022년 7월 28일
·
0개의 댓글
·

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. 해결법

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You lik

2022년 7월 28일
·
0개의 댓글
·

TypeScript tsconfig.json 다루기

TypeError가 뜨는데 해결하기도 어렵고.. 빌드는 해야겠고 막막할때tsconfig.json에서 몇가지 설정을 넣으면 해결할 수 있다.대소문자 다를 때 구분하려면개체가 'undefined'인거 같습니다 에러나오면

2022년 7월 28일
·
0개의 댓글
·

Eslint Warning 없애는 법

.eslint.json 파일 삭제 후.eslint.js에 다음 소스코드 첨부하지만 이렇게 해도 npx eslint . 를 실행했을때 타입스크립트(tsx,ts) 파일들은 에러가 보이지 않는다. 여전히 npx eslint "\*/.tsx"로 실행해야 한다.

2022년 7월 28일
·
0개의 댓글
·

팀프로젝트 1주차 회고

디자이너가 없어서 실제 서비스와 가깝게 디자인하는게 너무 어렵다. 팀원들이 각자 디자인을 하다보니 통일성이 없고 제각각이 되어 결국 다시 디자인을 진행하기로 했다.

2022년 7월 10일
·
0개의 댓글
·

Git으로 협업하기

개발할때 브랜치: develop 세부 기능 구현시 브랜치 : feature 배포 브랜치: master 기능 구현이 끝나고 버그만 잡는 브랜치: release 배포 후 생각지 못한 긴급 버그가 발생: hotfixes

2022년 7월 2일
·
0개의 댓글
·

프로그래머스 완주하지 못한 선수

예시를 보고 생각했던 로직 카테고리에 해시로 되어있길래 질문하기 창에서 찾다가 해시 적용+구현하기 좋은 로직을 발견해서 내가 생각했던 과정을 그대로 옮겨왔다. 동명이인이 있는 3번째 입출력 예시이다. object로 초기화 {mislav:0,stanko:0,ana:

2022년 7월 2일
·
0개의 댓글
·

HTTP 응답 코드

5개의 클래스로 구분된다.위키백과에 있는 클래스 정의는 다음과 같다.1xx (정보): 요청을 받았으며 프로세스를 계속한다2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다4xx (클라이언트

2022년 7월 1일
·
0개의 댓글
·

JS ES6

ES6에서 달라진 문법 정리 - const, let, arrow function, destructuring assignment, spread, for...of, default parameter

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

JS V8 Engine

구글 크롬과 node.js에서 사용되는 자바스크립트 엔진오토마타, 컴파일러를 배운적 있어도 용어만 들어봤을 뿐(parser,ast 정도..?) 구동원리에 대해 아직은 생소하다..parser : 소스코드 파싱자바스크립트 소스코드를 가져와서 파서에게 넘기면 소스코드를 분석

2022년 6월 30일
·
0개의 댓글
·

브라우저 렌더링 과정

브라우저에 HTML, CSS가 렌더링 되는 순서다운로드HTML 준비CSS 준비사실상 1~3번 과정이 HTML,CSS 파일을 parsing하는 과정이다.HTML,CSS 합치기 (= rendering tree를 만드는 style 과정)위치 그리기 layout (= refl

2022년 6월 30일
·
0개의 댓글
·

JS 데이터 타입 : null, undefined

null, undefined 모두 js에서 '값이 없음'을 의미하지만 둘이 다르다!undefined = no assign값이 할당되지 않음을 뜻하는 데이터 타입정의되지 않았음, 초기화되지 않았음 등을 의미또는 존재하지 않는 배열의 원소값을 접근할 때 또는 존재하지 않는

2022년 6월 30일
·
0개의 댓글
·

JS? Node? 뭐가 다르지?

처음에 바닐라 자바스크립트로 공부해왔다가 프론트 러닝커브를 위해 react.js 프레임워크를 쓰기 시작했다. js가 node.js를 통해 백엔드 개발이 가능하고 프론트 서버 실행에 사용된다는걸 알고는 있지만 차이점을 깊게 고민한 적이 없었다.자세히 알지는 못하지만 공부

2022년 6월 30일
·
0개의 댓글
·

JS array reduce

리듀서 함수는 네 개의 인자를 가집니다. 누산기 (acc),현재 값 (cur),현재 인덱스 (idx),원본 배열 (src)\->리듀서 함수의 반환 값은 누산기에 할당되고, 누산기는 순회 중 유지되므로 결국 최종 결과는 하나의 값

2022년 6월 30일
·
0개의 댓글
·

this, binding

기본적으로 this는 전역 객체를 가리킴브라우저에서 console.log(this)를 찍어보면 Window 객체를 가리킨다.nodejs나 함수, strict 모드에서는 this가 다른 것을 가리킨다.바인딩: this를 고정시키는 방법this가 어디 안에 있는지에 따라

2022년 6월 30일
·
0개의 댓글
·

JS 재귀함수

Recursive Function함수가 계속해서 자기 자신을 호출함(재참조)을 뜻한다.함수를 실행할 때마다 스택에 쌓이게 되는데끝없이 자기 자신을 실행하게 되면 스택의 공간이 한정적이라 스택 오버플로우 문제가 발생한다.(스택=컴퓨터 메모리라서 메모리 공간의 한계가 있다

2022년 6월 30일
·
0개의 댓글
·

TypeScript Generic

Generic 타입 : 인자에 들어오는 타입을 그대로 사용할 수 있다.(기본)사용자가 원하는 이름으로 타입 지정 가능일반적으로는 T,U,V 같이 간결하게 사용한다.

2022년 6월 30일
·
0개의 댓글
·

Docker(도커) 사용법

가상머신(VM)은 컴퓨터 안에 또다른 운영체제의 컴퓨터를 설치해서 속도가 느려지고 비효율적이다.그래서 도커를 이용하면 어떤 운영체제 컴퓨터라도 동일한 운영체제 환경에서 개발환경 세팅이 가능이미 설치할 목록이 세팅되어 있어 하나하나 설치하지 않아도 된다.개발,배포환경 통

2022년 6월 30일
·
0개의 댓글
·

SPA, MPA

MPA: 페이지 이동할 때마다 서버에 요청해서 데이터를 받아오므로 속도 느림, 옛날 방식(ex: HTML a 태그)→react,vue 같은 SPA 프레임워크에서 사용하기에는 부적합SPA : 서비스 처음 접속시 모든 페이지의 데이터를 받아옴(ex: next.js에서 ro

2022년 6월 30일
·
0개의 댓글
·