profile
프론트엔드 개발공부 중

[3/20] 자바스크립트 메모리 관리 & 콜스택/힙 & 엄격모드 & 즉시실행함수

자바스크립트는 객체가 생성되었을 때 자동으로 메모리를 할당하고 더 이상 필요하지 않을 때 자동으로 해제함필요할 때 할당할당된 메모리를 사용 (읽기, 쓰기)더 이상 필요하지 않으면 해제함Mark and Sweep 알고리즘을 사용하여 메모리를 정리함 (도달할 수 있는지를

5일 전
·
0개의 댓글
·

[3/9] 스터디 정리

2개의 매개변수를 받고 배열을 잘라낼 때 사용매개변수를 하나도 넣지 않으면 깊은복사가 됨 (단, 1depth까지)이터러블 프로토콜을 따르지 않음배열 복사를 존재하는 있는 메서드가 아니기 때문에 가급적 의미에 맞게 사용하는 것을 권장함배열 또는 객체에 사용하면 깊은복사가

6일 전
·
0개의 댓글
·

[3/6] 스터디 정리

정의 : 코드의 개행/띄어쓰기 제거, 변수명 길이를 줄여(uglify) 코드를 더 빠르게 로드할 수 있도록 만들어주는 것파일명이 production.min.js라고 되어있다면 미니파이가 끝났다는 의미대표적인 미니파이어 : Terser, swcReact는 root id를

6일 전
·
0개의 댓글
·

[3/13] 동기/비동기 & 이벤트루프

1. 동기 / 비동기 1. 동기 순차적/직렬적으로 태스크를 수행한다. 요청을 보냈다면, 응답을 받아야 다음 동작이 이루어진다. 순차적으로 실행되므로, 어떤 작업이 수행중이라면 뒤의 작업은 대기한다. 블로킹(작업 중단)이 발생한다. 2. 비동기 병렬적으로 태스크를 수행

6일 전
·
0개의 댓글
·

[3/16] undefined/null/undeclared의 차이 & map/forEach/reduce & ES6문법

1. undefined/null/undeclared의 차이 undefined, null, undeclared는 전부 변수에 값이 없다를 뜻함 1. undefined란? undefined는 원시값으로 선언한 후에 값을 할당하지 않은 변수나 값이 주어지지 않은 인수에 자동으로 할당됨 undefined의 초기값은 undefined 원시값임 typeof undef...

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

[3/9] 자바스크립트 깊은복사, 얕은 복사 & 불변성 유지 & Blocking, Non-Blocking

복사된 객체가 다른 주소를 참조하며 내부의 값만 복사된다.재귀함수를 이용한 복사JSON.stringify()lodash라이브러리 사용원본 값과 복사된 값이 같은 참조(=메모리 주소)를 가리키는 것Array.prototype.slice()Object.assign()스프레

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

[3/6] 데이터 형변환 & 자바스크립트가 동적인 언어인 이유 & 프로토타입

자바스크립트는 타입이 매우 유연한 언어이기 때문에 자바스크립트 엔진이 필요에 따라 암묵적변환을 혹은 개발자의 의도에 따라 명시적변환을 실행함개발자가 의도적으로 값의 타입을 변환하는 것은 명시적 타입 변환, 타입 캐스팅이라 한다.String생성자 함수를 new연산자 없이

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

[3/2] 스코프 & 클로저 & 실행 컨텍스트

식별자가 유효한 범위, 식별자를 검색할 때 사용하는 규칙전역은 전역 스코프를 만들고, 전역에 변수를 선언하면 전역변수가 되며, 어디서든 참조할 수 있다.지역 = 함수 몸체 내부, 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다.함수레벨 스코프: (var키

2023년 3월 2일
·
0개의 댓글
·

백준 7단계 코딩테스트

1. 행렬 덧셈 > 문제: N*M크기의 두 행렬 A와 B가 주어졌을 때, 두 행렬을 더하는 프로그램을 작성하시오. 입력: 첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원

2023년 2월 27일
·
0개의 댓글
·

[2/23] Promise & Async, Await & AJAX

ES6에서 비동기 처리를 위한 패턴으로 도입됨. 콜백 패턴이 가진 단점(콜백 헬, 에러 처리)을 보완하며, 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있음.후속처리 메서드로는 then, catch, finally가 있음프로미스의 후속처리 메서드의 콜백함수는

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

백준 6단계 코딩테스트

문제: 알파벳 소문자로만 이루어진 단어가 주어진다. 이때, 이 단어가 팰린드롬인지 아닌지 확인하는 프로그램을 작성하시오.팰린드롬이란 앞으로 읽을 때와 거꾸로 읽을 때 똑같은 단어를 말한다.level, noon은 팰린드롬이고, baekjoon, online, judge는

2023년 2월 22일
·
0개의 댓글
·

백준 5~6단계 코딩테스트

1. 다이얼 > 문제: 상근이의 할머니는 아래 그림과 같이 오래된 다이얼 전화기를 사용한다. 전화를 걸고 싶은 번호가 있다면, 숫자를 하나를 누른 다음에 금속 핀이 있는 곳 까지 시계방향으로 돌려야 한다. 숫자를 하나 누르면 다이얼이 처음 위치로 돌아가고, 다음 숫자

2023년 2월 21일
·
0개의 댓글
·

[2/20] 생성자 & this & 콜백함수

1. 생성자 1. 생성자란? 생성자 함수란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라 한다. 자바스크립트는 Object 생성자 함수 이외에도 String, Number, Boolean, Func

2023년 2월 20일
·
0개의 댓글
·

백준 5단계 코딩테스트

문제: 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다.입력: 첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000

2023년 2월 20일
·
0개의 댓글
·

노드버드 리액트 섹션 3

3. Redux-saga연동하기 1. redux-thunk이해하기 redux-thunk: 리덕스 미들웨어, 리덕스가 비동기 액션을 디스패치할 수 있도록 도와주는 역할을 함 원래 리덕스에서는 비동기 실행이 되지 않으나, redux-thunk를 쓰면 incrementAs

2023년 2월 17일
·
0개의 댓글
·

백준 4~5단계 코딩테스트

1. 한수 > 문제: 어떤 양의 정수 X의 각 자리가 등차수열을 이룬다면, 그 수를 한수라고 한다. 등차수열은 연속된 두 개의 수의 차이가 일정한 수열을 말한다. N이 주어졌을 때, 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력하는 프로그램을 작성하시오.

2023년 2월 17일
·
0개의 댓글
·

백준 3, 5단계 코딩테스트

1. 더하기 사이클 > 문제: 0보다 크거나 같고, 99보다 작거나 같은 정수가 주어질 때 다음과 같은 연산을 할 수 있다. 먼저 주어진 수가 10보다 작다면 앞에 0을 붙여 두 자리 수로 만들고, 각 자리의 숫자를 더한다. 그 다음, 주어진 수의 가장 오른쪽 자리 수

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

백준 3~4단계 코딩테스트

문제: "OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. 예를 들어, 10번 문제의 점수는 3이 된다."OOXXOXXOOO"의 점수는

2023년 2월 15일
·
0개의 댓글
·

[에러로그] 사이드프로젝트 리팩토링의 날

0. 서두 나는 아직 컴포넌트 나누기에 익숙하지 않고, 굳이 이걸 이렇게까지 나눠서 뎁스가 깊어지는 게 맞나? -라고 생각하는 1인이라 한꺼번에 코드를 짜놓고 최후의 최후까지 컴포넌트 나누기를 미루는 타입이다. 근데 요새 제로초님 강의를 보고 있는데 조금 반성도 되고,

2023년 2월 14일
·
0개의 댓글
·

백준 4단계 코딩테스트

1. 개수세기 (10807) > 문제: 총 N개의 정수가 주어졌을 때, 정수 v가 몇 개인지 구하는 프로그램을 작성하시오. 입력 : 첫째 줄에 정수의 개수 N(1 ≤ N ≤ 100)이 주어진다. 둘째 줄에는 정수가 공백으로 구분되어져있다. 셋째 줄에는 찾으려고 하는 정

2023년 2월 14일
·
0개의 댓글
·