profile
I am FrontEnd Developer :)

[JavaScript스터디] 배열, DOM

밀집 배열 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료 구조. 배열의 요소는 하나의 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다.배열의 요소가 동일한 크기를 가지며 빈틈없이 연속적으로 이어져 있으므로, 효율적으로 빠르게 동작한다.희소 배열

2일 전
·
0개의 댓글
·

[JavaScript스터디] 실행 컨텍스트와 클로저

실행 컨텍스트란, 실행 가능한 코드(전역 코드, 함수 코드)가 실행되기 위해 필요한 환경실행 컨텍스트는 물리적으로 객체의 형태이다.변수객체전역 코드 실행 시 생성되는 전역 컨텍스트와 함수를 실행할 때 생성되는 함수 컨텍스트가 가리키는 객체가 다르다. 클로저란 함수와 그

3일 전
·
0개의 댓글
·

[JavaScript스터디] 프로토타입과 스코프

클래스 기반 객체지향 프로그래밍 언어(Java, C++ 등)는 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성하지만, 프로토타입 기반 객체지향 프로그래밍 언어는 클래스 없이 객체를 생성할 수 있다.자바스크립트의 모든 객체는 자신의 부모 역할을 담당

5일 전
·
0개의 댓글
·

[JavaScript스터디] 객체

원시값을 객체처럼 메서드로 접근할 수 있도록 '래퍼 객체'를 만든다. (문자열, 숫자, 불린, 심볼의 메서드와 프로퍼티에 접근할 수 있도록 언어 차원에서 허용)원시값이 메서드나 프로퍼티에 접근하려 하면 추가 기능을 제공해주는 특수한 객체, "원시 래퍼 객체(object

6일 전
·
0개의 댓글
·
post-thumbnail

[WIL] React 라이프사이클(클래스형 vs 함수형), React Hooks

리액트 내 모든 컴포넌트는 초기화, 업데이트, 소멸 순으로 생명주기를 가지며 각 단계에서 호출되는 메서드를 '생명주기 메서드'라 한다.초기화 단계 : 컴포넌트 객체가 최초 생성 될 때 한번 수행되는 과정업데이트 단계 : 컴포넌트가 마운트 된 이후 컴포넌트의 속성값(pr

6일 전
·
0개의 댓글
·

[JavaScript스터디] 객체

객체란, 다양한 타입의 값(원시값 or 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조객체를 변수에 할당하면 변수에는 '참조 값'이 저장된다.객체는 0개 이상의 프로퍼티로 구성된 집합으로, 프로퍼티는 key-value의 조합으로 구성되어 있다.객체 리터럴의 { }

6일 전
·
0개의 댓글
·
post-thumbnail

[week5] React 프로젝트 Day1

redux, axios, json-server, react-router-dom을 활용한 투두리스트 만들기재사용 가능한 컴포넌트 만들어서 활용하기아직 컴포넌트를 재사용하는 것이 익숙하지 않기 때문에 가장 많이 활용되는 input, textarea, button eleme

7일 전
·
0개의 댓글
·

[CS스터디] 쿠키, 액티브 콘텐츠

서버는 클라이언트의 상태를 보존하지 않는다. 클라이언트 요청에 서버가 응답하면 연결을 끊는다.클라이언트는 서버가 요청을 이해하고 응답하는데 필요한 모든 정보를 제공해야 한다.→ HTTP 환경에서 클라이언트의 상태와 정보를 기억해야 할 때 쿠키, 세션 등을 사용한다.장점

2022년 8월 5일
·
0개의 댓글
·

[JavaScript스터디] 자바스크립트 기본

변수란? 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 or 그 메모리 공간을 식별하기 위해 붙인 이름 (값의 위치를 가리키는 상징적인 이름) | > | | :---: | | 10 (메모리 주소.. 0X0000F2) | | ... |

2022년 8월 5일
·
0개의 댓글
·

React 절대경로 설정하기

프로젝트 폴더의 '루트 경로'에 jsconfig.json 파일을 생성한다.jsconfig.json 파일 내부에 다음과 같이 작성한다. (src폴더를 기준으로 경로를 잡겠다는 의미)3-1. 절대경로 적용 전3-2. 절대경로 적용 후상대경로는 현재 자신의 위치를 기준으로

2022년 8월 5일
·
0개의 댓글
·

[CS스터디] 파일 압축과 오류 검출/수정 알고리즘

가용 메모리와 대역폭을 더 효율적으로 활용하는 방법 중 하나는 '데이터 압축'압축의 목표는 같은 정보를 더 적은 비트로 인코딩하는 것 (아래 비트를 덜어냄)정보를 전달하지 않는 비트다른 비트에서 계산될 수 있는 비트수신자에게 중요하지 않은 비트EX. ASCII 코드로

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

useRef() 리렌더링

router와 react-redux로 투두리스트를 구현하던 중 todo의 id값을 useRef()로 관리하고 있었다.그런데 잘 작동하던 useRef()가 TodoListPage에서 원하는 todo를 클릭해서 상세페이지(TodoDetailPage)로 이동 후, 다시 To

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

[WIL] State, Props, 리렌더링 발생 조건

state는 컴포넌트의 상태를 나타내는 값으로 해당 컴포넌트 내부에서 선언되기 때문에 변경 가능하다. 상위 컴포넌트에서 하위 컴포넌트로 전달하는 값으로 read-only이다.props는 읽기 전용이기 때문에 수정할 수 없지만, state는 컴포넌트의 상태를 나타내는 값

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

[CS스터디] 파일 시스템

파일 시스템이란 운영 체제가 파일을 저장 장치에 저장하고 사용하기 위한 일종의 알고리즘(규칙)을 의미하며, 파일의 이름을 붙이고, 쉽게 파일에 접근할 수 있도록 배치를 신경 쓰는 등 파일과 관련된 기능을 수행하는 시스템입니다.파일 시스템은 운영체제에서 하드 디스크 CD

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

Props Drilling 피하기

리액트의 컴포넌트 트리에서 데이터를 전달하는 방법으로, 상위 컴포넌트에서 목표 컴포넌트로 props를 전달하기 위해 하위 컴포넌트를 전달 용도로만 사용하는 과정을 의미한다.중간 컴포넌트가 많아진다면 불필요한 props 전달로 인해 유지보수도 어렵고 가독성도 떨어진다.R

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

[CS스터디] 알고리즘은 이상, 프로그래밍은 현실

알고리즘은 추상적이고 이상적인 절차를 기술한 것이기 때문에 현실 고려 사항은 무시하게 된다.반면 프로그램은 실제로 해당 작업을 완료하기 위해 수행해야 하는 단계를 서술한다.따라서 프로그램은 추상화되어 있는 알고리즘을 컴퓨터가 직접 처리할 수 있는 형태로 구체화될 것이라

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

DOM vs. Virtual DOM

DOM(Document Object Model, 문서 객체 모델)은 HTML 문서의 계층적 구조와 정보를 표현하며, 이를 제어할 수 있는 API(프로퍼티/메서드)를 제공하는 트리 자료구조애플리케이션의 UI를 구성하는 HTMLElement를 메모리 내에서 구현한 가상의

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

[2회 항해톡] 프로세스와 스레드

프로세스(process)란 실행 중인 프로그램이다.현대 컴퓨팅 시스템에서 OS로부터 CPU 자원을 할당 받는 작업의 단위를 프로세스라 한다.프로그램(program)이란 메모리(주기억장치)에 할당되지 않고 저장 장치에 저장되어 있는 정적인 상태의 실행 파일(명령어 집합)

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

[WIL] JavaScript의 ES란?, ES5/ES6 문법 차이

ECMAScript(ES, ECMA스크립트)란, 표준 기술 규격에 의해 정의된 표준화된 스크립트 프로그래밍 언어로 JavaScript를 표준화하기 위해 만들어졌다.각 브라우저 제조사는 ECMAScript 사양을 준수해서 브라우저에 내장되는 JavaScript Engin

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

JSX란?

JSX(JavaScript Syntax Extension 및 JavaScript XML)란 JavaScript를 확장한 문법으로 React element를 생성하여 React에서 UI를 구현하는데 사용한다. (마크업과 UI 구현 동시에 가능)코드 가독성이 뛰어나다. H

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