profile
공동의 성장을 추구하는 개발자
post-thumbnail

vue의 컴포넌트 렌더링 순서를 확실히 알아보자!

자식 컴포넌트 2개의 데이터를 비동기로 호출하는데 이 때 두 컴포넌트 모두 데이터가 존재하지 않다면, emit을 통해 데이터 존재 여부를 상위 컴포넌트로 전달해주고, 상위 컴포넌트의 렌더링을 막으려고 했다.FirstChild와 SecondChild의 data 존재 여부

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

react에서 setInterval 사용 시 플래그 설정을 왜 useRef로 적용해야할까?

3, 2, 1, 0 카운트 다운을 진행하는 컴포넌트를 동작시키기 위해 setInterval을 사용해 3에서 1초마다 countDown을 동작하고, count가 0이 되었을 때, clearInterval을 사용해 setInterval을 중지하는 로직을 구현 중이었다.cl

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

라우터 제한 설정 시 어떤 요소의 유무를 확인해야할까? (with JWT)

인증 vs 인가 인증이란? 유저가 누구인지 확인하는 절차. 회원가입하고 로그인하는 절차를 의미한다. 인가란? 인증 이후, 유저에 대한 권한을 허락하는 절차. 인증된 사용자가 특정 페이지, 특정 api 정보를 호출할 때

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

Oauth Login을 통해 추가정보 입력받아 회원가입하기(feat : React, Spring)

자사 서비스가 실질적으로 운영되는 사이트. 이 프로젝트는 React를 통해 Client를 띄워주고 있다.Google, Kakao, Naver 등 인증에 필요한 아이템을 제공해주는 서버.Client는 ID, PW로 로그인 요청을 해서 Authorization Code를

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

CSR vs SSR

SSR(Server Side Rendering) server에서 HTML을 정제해서 브라우저로 전송해 페이지를 띄워주는 방식 특징 server에서 HTML을 완성해서 보내주기 때문에 브라우저에서 우클릭 후 페이지 소스 보기 를 하면 완성된 html을 볼 수 있다.

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

1-4 기본형 데이터와 참조형 데이터

[코어자바스크립트] 변수와 상수를 구분하는 성질은 "변경 가능성"이다. 변수와 상수를 구분 짓는 변경 가능성의 대상은 변수 영역 메모리이다. 불변성 여부를 구분할 때의 변경 가능성의 대상은 데이터 영역 메모리이다.

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

1-3 변수 선언과 데이터 할당

[코어자바스크립트]기본적인 변수 선언식을 예로 들어보자."변할 수 있는 데이터를 만든다. 이 데이터의 식별자는 a로 한다." 라는 의미이다.변수란 변경 가능한 데이터가 담길 수 있는 공간 또는 그릇이라고 할 수 있다.컴퓨터는 메모리에서 비어있는 공간 하나를 확보한다.

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

1-2 데이터 타입에 관한 배경지식

[코어자바스크립트] 0 또는 1만 표현할 수 있는 하나의 메모리 조각각 비트는 고유한 식별자를 통해 위치를 확인할 수 있다.=> 비트 단위로 위치를 확인하는 것은 매우 비효율적이다.

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

옵저버패턴(Observer Pattern)

옵저버패턴이란? 객체의 상태 변화를 관찰하는 관찰자들, 즉 옵저버들의 목록을 객체에 등록하여 상태 변화가 있을 때마다 메서드 등을 통해 객체가 직접 목록의 각 옵저버에게 통지하도록 하는 디자인 패턴이다. 어떤 객체의 상태가 변할 때 그와 연관된 객체들에게 알림을 보내

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

ES6 - Map

key-value의 쌍으로 이루어진 컬렉션key를 사용해서 value를 get, set할 수 있다.key들은 중복될 수 없다. 하나의 key에는 하나의 value만 가능하다.모든 타입을 key 또는 value 로 사용할 수 있다.iterable 하다.Object의 ke

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

1-1 데이터 타입의 종류

[코어자바스크립트] 1. Javascript의 데이터 타입 1-1. 기본형(원시형, primitive type) 숫자(number), 문자열(string), 불리언(boolean), null, undefined, 심볼(Symbol)

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

Programmers - 합승 택시 요금

(문제링크)https://programmers.co.kr/learn/courses/30/lessons/72413프로그래머스 특성상 기본으로 지역변수를 사용하게 된다.global하게 사용되는 변수들을 미리 생각해 전역 처리를 한다.경로의 값을 최솟값으로 계속 바

2022년 4월 28일
·
0개의 댓글
·
post-thumbnail

Programmers - 순위 검색

문제링크 나의 풀이 정확도는 통과했지만 효율성에서 통과하지 못했다. 다른 풀이

2022년 4월 23일
·
0개의 댓글
·
post-thumbnail

Programmers - 메뉴 리뉴얼

문제링크함수와 변수이름을 정하는데 시간이 많이 든다.tuple, dictionary의 기본 api에 대해 익숙하지 않다.함수는 되도록 만들지 않는다.변수명을 지을 때 \_를 사용하자.tuple과 dictionary의 기본 api는 외워 놓는게 좋을 것 같다.이 메서드의

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

Programmers - 신규 아이디 추천

문제링크

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

제너레이터(Generator)

일반 함수는? 하나의 값 만을 반환한다.제너레이터를 사용하면 여러 개의 값을 필요에 따라 하나씩 반환할 수 있다.제너레이터와 이터러블 객체를 함께 사용하면 손쉽게 데이터 흐름 집합체를 만들 수 있다.function\*제너레이터 함수를 호출하면 코드가 실행되지 않고, 제

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

MVVM 패턴

📖 목차1\. 비즈니스 로직과 프레젠테이션 로직2\. MVVM이란?3\. Recoil을 접목시킨 MVVM 패턴이번에 collusic-new, about 프로젝트에 mvvm 패턴을 적용하면서 디자인 패턴에 대해 처음 공부하게 되었다. model, view, viewmo

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

익명함수(Anonymous Function)

함수이름을 호출하여 재사용이 가능하다.함수 리터럴 방식으로 만들어진 이름없는 함수.리터럴?문자 그대로데이터를 만들 때 흔히 사용하는 방식변수에 함수의 코드를 저장하는 대신 함수명을 사용하지 않음변수 명을 함수 명처럼 사용해서 함수를 호출하거나 변수 값을 이동시키는데 사

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

2021년 회고

회고를 하게 된 계기🎬 2021년을 돌아보며 1년 회고를 작성해보려 한다. 평소 econovation(IT 개발동아리)의 slack에 올라온 다른 개발자 분들의 회고를 종종 보곤 했다. 짧다면 짧고 길다면 긴 회고 한 페이지 안에 그 사람의 인생이 보인다는 것이 신기

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

2635 - 수 이어가기

다음과 같은 규칙에 따라 수들을 만들려고 한다.첫 번째 수로 양의 정수가 주어진다.두 번째 수는 양의 정수 중에서 하나를 선택한다.세 번째부터 이후에 나오는 모든 수는 앞의 앞의 수에서 앞의 수를 빼서 만든다. 예를 들어, 세 번째 수는 첫 번째 수에서 두 번째 수를

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