TheJang story - mysetting

12:26 5/31

velog.io

mobile screenshot relative

12:26

velog.io

mobile screenshot

TheJang story
https://velog.io/@jangwonyoon

노력하는 프론트엔드교육생

저작도구: velog

최종 피드 수집: 2025-09-18 18:16

전체 (37)

3y

테스트란?

😊 목차
- 테스트의 의미와 종류
테스트란?
단위 테스트
통합 테스트
E2E 테스트
자동화 테스트
좋은 테스트 코드
- 자바스크립트 테스트 도구
테스트 러너
테스트 프레임워크
단언(Assertion) 라이브러리
테스트 더블 라이

000

3y

Proxy Server(프록시 서버)란?

📌 프록시 서버
프록시 서버는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터 시스템이나 응용프로그램을 말합니다. 서버와 클라이언트 사이에 중계기 로서 대리로 통신을 수행하는 것을 가리

000

3y

[이펙티브 타입스크립트] chapter 1

타입스크립트 알아보기
Effective typescript의 chapter1을 읽고 정리한 내용입니다.

📌 1. 타입스크립트와 자바스크립의 관계 이해하기
✅ 요약
타입스크립트는 자바스크립트의 상위 집합이다

000

4y

[React] Context API 사용을 통한 전역상태관리

🐥 웹 게임을 만들며 배우는 React 6강
강의 내용을 정리한 포스팅입니다.
📌 componentDidupdate
memo 또는 PureComponent는 불필요한 렌더링을 막기 위해서 자식 컴포넌트에서 사용해 준다.
📌

000

4y

[React] 클래스 컴포넌트의 라이프사이클과 Hooks에서의 라이프 사이클

웹 게임을 만들며 배우는 React 4강, 5강
강의 내용을 정리한 포스팅입니다.
😈반응 속도 체크
React 조건문
react에서의 조건문은 **삼항연산자**를 많이 사용한다.
jsx에서 false, undefined, n

000

4y

[React] 성능 개선과 반복문에서 주의해야할 것

웹 게임을 만들며 배우는 React 3강
강의 내용을 정리한 포스팅입니다.
📌 import와 Require 비교
exports되는 것이 객체나 배열이라면 구조분해 할 수 있습니다.
export const hello = 'hel

000

4y

[React] 바벨과 웹팩을 통한 설정

웹 게임을 만들며 배우는 React 2강
강의 내용을 정리한 포스팅입니다.
📌 웹팩
웹팩을 왜 사용할까요?
2만개의 컴포넌트 자바스크립트 파일을 하나로 합치고 바벨까지 적용하는 것
스크립트의 중복성을 제거할 수 있다.
웹팩을 하

000

4y

21년 7월 회고

📌 21년 7월
네이버 삼선 메인서비스에 들어가기 위해 3주간, 교육 우수자 동기 분들과 부스팅 스터디를 진행하였다. 뭐 다른 것은 할 새가 없었다 ㅎㅎ, 아래는 줄글 압박 주의!!
✅ 과정
나는 정말 인복이 좋은 사람이라 생각

001

4y

21년 6월 회고

📌 21년 6월 회고
6월 한 달 동안 네이버 특별 심화반에 지원해서 1달 간 네이버 입사 기회를 얻기 위해 달렸다. 더불어 파이썬 알고리즘 스터디도 같이 병행했다. 8월이 다 되서야 작성하는 이유는 나를 돌이켜 볼 심적 여유가

001

4y

리액트란 무엇이고? 왜 사용하는가?

📌 웹 게임을 만들며 배우는 React 1강
웹 게임을 만들며 배우는 React 1강 강의 내용을 정리한 포스팅입니다.
https://www.inflearn.com/course/web-game-react
✅ 리액트는 왜 사용하는

001

4y

CSR(Client Side Rendering)과 SSR(Server Side Rendering)

📌 SPA란?
Single page Application는 말 그래로 하나의 페이지로 구성된 애플리케이션입니다. 사용자가 요청한 각각의 페이지를 서버가 생성해서 전달해주는 것이 아니라, 클라이언트가 동적으로 페이지를 다시 작성하

001

4y

이벤트 버블링, 캡처, 위임

이번 포스팅에서는 이벤트 버블링과 이벤트 캡처, 이벤트 위임에 대해 알아보겠습니다.
이벤트 등록?
*이벤트 등록이란? *
웹 애플리케이션에서 사용자의 입력을 받기 위해 필요한 기능입니다.
const button = document

001

4y

호이스팅과 TDZ는 무엇이고 어떤 연관이 있을까요?

📌 호이스팅 ?
함수 안에 있는 선언들을 모두 끌어 올려서 해당 함수 유효 스코프의 최상단에 선언 하는 것을 말합니다.
호이스팅의 대상
자바스크립트는 ES6에서 도입된 let, const를 포함하여 모든 선언(var, let,

001

4y

스코프 (Scope)

📌 스코프란?
스코프는 어떤 변수에 접근 할 수 있는지를 정의합니다. 스코프에는 동작과 레벨로 분류를 할 수 있고 동작 스코프에는 정적 스코프(Static Scope), 동적 스코프(Dynamic Scope)로 나뉘고 레벨 스코

001

4y

해시 테이블의 충돌 해결은 어떻게 할까?

해시 테이블과 해시 테이블을 사용하면서 발생하는 상황에 대해서 정리해보겠습니다.
❓ 해시 테이블이란?
"해시 테이블은 연관 배열 구조를 이용하여 key에 value를 저장하는 자료구조입니다" -> 위키백과 정의
다른 말로 표현 하

001

4y

우선 순위 큐는 어떻게 작동하는 가?

📌 우선순위 큐란?
들어간 순서에 상관없이 우선순위가 높은 데이터가 먼저 나오는 것
우선순위 큐를 구현하는 방법에는 3가지로 나누어집니다.
배열을 기반으로 구현하는 방법
연결리스트를 기반으로 구현하는 방법
힙(Heap)을 이

001

4y

[CS] 캐시와 웹 캐시

💡 캐시
캐시란?
컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소를 가르킵니다.
📌 캐싱이란?
캐싱은 애플리케이션의 처리 속도를 높여 줍니다. 이미 가져온 데이터나 계산된 결과값의 복사본을 저장함으로써 처리속도를 향

001

4y

[알고리즘] 직사각형 좌표 구하기

직사각형 좌표 구하기
내 풀이
x,y의 개수를 파악한다.
x와 y를 hashx , hashy 두 개의 해쉬를 사용하여 개수를 추적하고
value값이 1개인 key값을 순차적으로 삽입하여 값을 리턴한다.
function soluti

000

4y

[DataStructure&Algorithm] 부분집합,멱집합 SubSet, powerSet

부분집합과 멱집합 알고리즘
Backtracking1 (체크 배열 사용)
let subsets = function(nums) {
let result = [];
let n = nums.length;
let ch

000

4y

Babel 이란?

크로스 브라우징& 바벨
크로스 브라우징이란 ? 브라우저나 플랫폼마다 보여지는 모습이 다른 경우가 많습니다. 바벨은 이러한 차이를 최소하 하여 브라우저, 환경에 영향을 최소한으로 받고 해당 웹 서비스를 사용할 수 있게 최적화를 하는

000