profile
FE developer
태그 목록
전체보기 (66)JavaScript(21)CODESTATES(19)React(6)TIL(4)기술면접(3)스코프(3)알고리즘(3)기술 면접(3)호이스팅(3)node.js(3)깊은 복사(2)promise(2)이벤트 루프(2)callback(2)얕은 복사(2)async(2)실행 컨텍스트(2)비동기(2)클로저(2)변수(2)typescript(2)State(2)함수(2)algorithm(2)programmers(2)CSS(2)html(2)회고(2)코딩테스트(2)await(2)OOP(1)JSON.stringify(1)브라우저 렌더링(1)http(1)Box Model(1)콜스택(1)다이나믹 스코프(1)객체(1)빈도수 카운터(1)분할 정복(1)투 포인터(1)Spread Syntax(1)MPA(1)식별자 네이밍 규칙(1)프로토타입(1)null(1)Object.assign(1)Prototype(1)함수 레벨 스코프(1)변수의 생명 주기(1)Spread 연산자(1)Fetch API(1)for ~ in(1)mockup(1)렉시컬 스코프(1)불변 객체(1)타입스크립트(1)webpack(1)frontend(1)Flexbox(1)이벤트 캡쳐링(1)실행 컨텍스트 스택(1)Soc(1)selector(1)Bunling(1)조건문(1)문자열(1)반복문(1)REST API(1)const(1)let(1)var(1)코테(1)CS(1)Rest parameters(1)타입 추론(1)슬라이딩 윈도우(1)타입(1)this(1)DOM(1)(1)다중 포인터(1)문제 해결 접근법(1)@property(1)렉시컬 환경(1)CSR(1)SSR(1)구조 분해 할당(1)type(1)문제 해결 패턴(1)tsconfig.json(1)데이터 타입(1)array(1)spa(1)백준(1)Web Server(1)JSX(1)express(1)ssg(1)자료형(1)이벤트 버블링(1)postman(1)블록 레벨 스코프(1)Props(1)ES6(1)객체 지향 프로그래밍(1)부트캠프(1)(1)OT(1)boj(1)redux(1)for ~ of(1)전역 변수의 문제점(1)참조형(1)vscode(1)scope(1)git(1)sop(1)기본형(1)undefined(1)object(1)배열(1)할당(1)cors(1)선언(1)KPT(1)태스크 큐(1)동기(1)상태 관리(1)스코프 체인(1)
post-thumbnail

데이터 타입에 관한 고찰

객체의 프로퍼티를 변경했을 때 기본형 데이터를 복사한 변수 b의 값을 바꿨을 때, 해당 데이터 참조 값(주소) 자체가 변경되는 반면, 참조형 데이터를 복사한 변수 obj2의 프로퍼티를 바꾸면 참조 값이 가리키는 객체의 프로퍼티가 저장된 곳의 참조 값이 바뀔 뿐, 변수

2023년 3월 16일
·
0개의 댓글
·
post-thumbnail

얕은 복사와 깊은 복사 1분 만에 이해하기

얕은 복사(shallow copy) : 객체의 참조(주소) 값을 복사하는 것. 1 depth까지만 복사하며, 객체에 중첩되어 있는 객체의 경우 참조 값을 복사한다.깊은 복사(deep copy) : 객체의 실제 값을 복사하는 것. 객체에 중첩된 객체까지 모두 복사한다.s

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

[TypeScript] 타입

TypeScript의 타입 | 타입 종류 | 예시 | 설명 | | --- | --- | --- | | number | 1, 5.3, -10 | 모든 숫자들, 정수와 실수형 간 차이 없음 | | string | ‘Hi’, “Hi”, \Hi\ | 모든 문자 값 | | b

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

기업 코딩테스트를 보고 나서

2년차 이상 뽑는 기업에 이력서를 넣었는데, 운좋게 서류 합격이 되어서 코테를 볼 기회가 생겼다. 저번에 신입 뽑는 기업의 코테를 봤었을때는 비교적 쉬운 문제들로 구성이 되었음을 느꼈는데, (그럼에도 5문제 중 2.5문제 밖에 못풀긴 했지만...) 이번에 본 코테는 구

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

알고리즘 문제 해결 접근법과 여러 패턴들

정의 : 특정 작업을 달성하기 위한 과정이나 일련의 단계를 의미, 문제를 해결하기 위한 일련의 수학적 단계 (ex. 유튜브 알고리즘)필요성 :프로그래밍에서 수행하는 거의 모든 작업에는 일종의 알고리즘이 포함됨성공적인 문제 해결 및 개발자가 되기 위한 기반면접에 필요함어

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

내가 프론트엔드 개발자를 선택한 이유

어렸을 때는 꿈이 참 많았다.부모님이 아플 때는 간호사, 노래 부를 때는 가수, 피아노 학원을 다닐 때는 피아니스트, 그림을 그릴 때는 화가, 신문부일 때는 기자, 레고를 조립할 때는 건축가가 되고 싶었다. (꿈도 참 많았다...)그런데 어느 순간 부터는 내가 진정으로

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

[JS] 프로미스

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용하는데, 전통적인 콜백 패턴은 아래와 같은 몇가지 단점이 존재한다.콜백 헬로 인해 가독성이 나쁘다.비동기 처리 중 발생한 에러의 처리가 곤란하다.✔️ setTimeout 함수의 콜백 함수가 실행될 때 s

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

[JS] 비동기 프로그래밍

자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택을 가지고, 한 번에 하나의 태스크만 실행할 수 있는 싱글 스레드 방식으로 동작한다. 그렇기 때문에 처리에 시간이 걸리는 태스크를 실행하는 경우 블로킹(blocking)이 발생한다.동기 처리 : 현재 실행 중인 태스크가

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

[JS] 이벤트

이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수이벤트 핸들러 등록 : 이벤트 발생 시 브라우저에게 이벤트 핸들러의 호출을 위임하는 것사용자가 언제 이벤트를 발생시킬 지 알 수 없는데 그렇다면 언제 함수를 호출해야 할까?✔️ 브라우저는 사용자의 이벤트를 감지하고 특정

2022년 12월 16일
·
0개의 댓글
·
post-thumbnail

[JS] DOM

정의 : Document Object Model의 약자로, HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 노드 객체들로 구성된 트리 자료구조.✔️ DOM은 HTML 문서의 계층적 구조와 정보를 표현하고, 노

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

[JS] 브라우저의 렌더링 과정

파싱(parsing) : 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 문자열을 토큰으로 분해(어휘 분석)하고, 토큰에 문법적 의미와 구조를 반영해 파스 트리를 생성하는 과정이다. 파싱이 완료된 이후에는 중간 언어인 바이트코드를 생성하고 실행한다.렌더링(re

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

[JS] 클로저

클로저는 자바스크립트 고유의 개념이 아니므로 클로저의 정의가 ECMAScript 사양에 등장하지 않는다.MDN 정의 :A closure is the combination of a function bundled together (enclosed) with referenc

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

[JS] 실행 컨텍스트

전역 코드 : 전역에 존재하는 소스코드로, 전역 스코프를 생성하고 전역 객체와 연결되기 위해 코드 평가 시 전역 실행 컨텍스트가 생성된다. (함수, 클래스 등 내부 코드는 포함되지 않음.)함수 코드 : 함수 내부에 존재하는 소스코드로, 지역 스코프를 생성 후 전역 스코

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

[JS] this

정의 : 자신이 속한 객체 또는 자신이 생성할 인터페이스를 가리키는 자기 참조 변수이다.필요성 : 동작을 나타내는 메서드는 자신이 속한 객체의 상태(프로퍼티)를 참조하고 변경할 수 있어야 하는데, 그러기 위해서는 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야

2022년 12월 7일
·
0개의 댓글
·
post-thumbnail

[JS] var, let, const

변수 중복 선언 허용 : var 키워드로 선언한 변수는 같은 스코프 내에서 중복 선언이 가능하다.함수 레벨 스코프 : var 키워드로 선언한 변수는 함수의 코드 블록만을 지역 스코프로 인정한다. 함수 외부에서 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가

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

[JS] 전역 변수의 문제점

정의 : 메모리 공간이 확보(allocate)된 시점부터 메모리 공간이 해제(release)되어 가용 메모리 풀에 반환되는 시점까지를 변수의 생명주기라고 한다.필요성 : 변수에 생명주기가 없다면 한번 선언된 변수는 프로그램을 종료하지 않는 한 영원히 메모리 공간을 점유

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

[JS] 스코프란?

정의 : 모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 자신을 참조할 수 있는 유효 범위가 결정되는데, 즉, 식별자가 유효한 범위를 스코프라고 한다.필요성 : 스코프라는 개념이 없다면, 같은 이름을 갖는 변수는 충돌을 일으키므로 프로그램 전체에서 하나밖에 사용할

2022년 12월 2일
·
0개의 댓글
·
post-thumbnail

[JS] 함수란?

정의 : 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것필요성 :코드의 재사용성 : 필요할 때 여러 번 호출할 수 있고, 실행 시점을 개발자가 결정할 수 있다.유지보수의 편의성 : 코드의 중복을 제거하여 유지보수에

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

[JS] 변수란?

정의 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다.필요성 : 연산 결과를 재사용하고 싶다면 메모리 주소에 직접 접근해야 하는데, 메모리 직접 제어는 시스템을 멈추게 하는 치명적인 오류를 발생시킬 위험이 있다

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

main project 회고

4주 간의 프로젝트가 끝났다. 프로젝트를 하면서 느끼고 배운 점을 까먹지 않기 위해 회고를 작성해보려고 한다. 프로젝트를 시작하기 전에는 과연 내가 잘 해낼 수 있을까? 라는 의문과 불안이 있었는데, 일단 시작하고 나니 잡 생각은 오히려 덜어지고 프로젝트라는 목표만 생

2022년 11월 27일
·
0개의 댓글
·