profile
Exchange of Equivalents.
post-thumbnail

[프로그래머스] 개인정보 수집 유효기간 (JavaScript)

고객의 약관 동의를 얻어서 수집된 1~n번으로 분류되는 개인정보 n개가 있습니다. 약관 종류는 여러 가지 있으며 각 약관마다 개인정보 보관 유효기간이 정해져 있습니다. 당신은 각 개인정보가 어떤 약관으로 수집됐는지 알고 있습니다. 수집된 개인정보는 유효기간 전까지만 보

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

[TS] 타입스크립트 유틸리티 타입

1. 요약 유틸리티 타입은 타입 변경을 쉽고 용이하게 하기 위한 일종의 헬퍼 함수 같은 것이다 유틸리티 타입 없이도 충분히 타입을 변환할 수 있지만, 유틸리티 타입을 활용하면 훨씬 간결하고 편한 타입 변환이 가능하다 모든 유틸리티 타입은 타입스크립트에 내장된 채로 제

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

[TS] 타입스크립트의 '타입'

타입스크립트는 마이크로소프트에서 자바스크립트의 단점을 일부 보완하기 위해 만든 자바스크립트의 슈퍼셋(Superset) 프로그래밍 언어이며, 타입스크립트 코드는 자바스크립트로 컴파일되기 때문에 자바스크립트가 동작하는 모든 곳에서 사용 가능하다.동적 타입 언어(Dynami

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

[React] 리액트 Hook의 기본 useState & useEffect

리액트 훅(Hooks)은 함수형 컴포넌트를 작성해도 기존의 클래스형 컴포넌트만이 가졌던 장점을 활용할 수 있게 해주는 리액트 기능을 일컫는 단어다. 총 10개의 훅이 기본적으로 제공되며, 필요에 따라 Custom Hook을 작성해서 사용할 수도 있다. 훅은 오직 리액트

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

[JS] JS로 실사용 가능한 Todo List Browser App 만들기

코딩공부를 시작한 후 항상 머리속에 있는 아이디어를 코드로 직접 구현해보고 싶다는 욕심이 컸다. 그래서 현재 진행 중인 교육 프로그램의 커리큘럼 공부 외에도 유튜브를 통해 여러 훌륭한 센세이들과 함께 프로젝트 실습 과정을 반복하며 자바스크립트가 손에 익어갈 무렵, 문득

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

[React] 자바스크립트 확장 문법 'JSX'에 대해

JSX는 React에서 HTML을 표현할 때 사용되는 JavaScript 확장 문법이다. HTML 문법을 JavaScript와 혼용해서 사용해 React Element를 생성할 수 있다.HTML 리터럴 같지만 실제 빌드시에는 Babel이라는 compiler를 통해 일반

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

[JS] 이벤트 위임(Event Delegation)에 대해

이벤트 위임이란 부모 요소에 이벤트 핸들러를 등록해서 자식 요소의 이벤트를 모두 핸들링하는 방법이다. 자식 요소마다 이벤트 핸들러를 등록해도 되긴 하지만, addEventListener의 수가 증가할 수록 메모리 사용량이 높아지고, 이는 곧 성능저하로 이루어질 수 있다

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

[JS] DOM 다루는 방법에 대해 - 1

문서 객체 모델(DOM)은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. 문서의 구조화된 표현을 제공하고, 프로그래밍 언어가 접근하고 구조 내용, 스타일 등을 변경할 수 있도록 한다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 실행할 수 있다

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

[JS] Promise를 사용한 비동기 처리

Promise는 자바스크립트에서 비동기 처리에 사용되는 객체이다.특정 시점에서 특정 코드를 수행시킬 수 있도록 해주며, callback 함수를 사용해서 동 기능을 구현했을 때 발생하는 콜백지옥을 방지할 수 있도록 구현되어 있다. 정해진 기능이 정상적으로 수행되었을 때

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

[프로그래머스] 1. 완주하지 못한 선수 (Lv1), 2. 예상 대진표 (Lv2), 3. 오픈채팅방 (Lv2)

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수

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

[프로그래머스] 1. 숫자 짝꿍 (Lv1), 2. 다리를 지나는 트럭 (Lv2), 3. 주차 요금 계산 (Lv2)

두 정수 X, Y의 임의의 자리에서 공통으로 나타나는 정수 k(0 ≤ k ≤ 9)들을 이용하여 만들 수 있는 가장 큰 정수를 두 수의 짝꿍이라 합니다(단, 공통으로 나타나는 정수 중 서로 짝지을 수 있는 숫자만 사용합니다). X, Y의 짝꿍이 존재하지 않으면, 짝꿍은

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

[프로그래머스] 1. [카카오 인턴] 키패드 누르기 (Lv1), 2. k진수에서 소수 개수 구하기 (Lv2), 3. 프린터 (Lv2)

이 전화 키패드에서 왼손과 오른손의 엄지손가락만을 이용해서 숫자만을 입력하려고 합니다.맨 처음 왼손 엄지손가락은 \* 키패드에 오른손 엄지손가락은 엄지손가락은 상하좌우 4가지 방향으로만 이동할 수 있으며 키패드 이동 한 칸은 거리로 1에 해당합니다.왼쪽 열의 3개의 숫

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

[프로그래머스] 1. 콜라 문제(Lv1), 2. [1차]뉴스 클러스터링(Lv2), 3. 위장(Lv2)

빈 병 a개를 가져다주면 콜라 b병을 주는 마트가 있을 때, 빈 병 n개를 가져다주면 몇 병을 받을 수 있는지 계산하는 문제입니다. 기존 콜라 문제와 마찬가지로, 보유 중인 빈 병이 a개 미만이면, 추가적으로 빈 병을 받을 순 없습니다. 상빈이는 열심히 고심했지만,

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

[HTML] rel속성 noopener, noreferrer

HTML에서 <a>태그를 사용해서 새로운 웹페이지로 링크를 걸어둘 수 있다. 이때 방문자의 접속 자체가 이탈되는 것을 방지하기 위해 target=\_blank 속성을 사용하여 링크된 웹페이지가 새로운 tab으로 열릴게끔 설정할 수 있다. 다만 target=\_bl

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

[JS] Hoisting이란? (let vs var)

호이스팅(Hositing)은 코드를 실행하기 전에 변수/함수 선언을 해당 스코프의 최상단으로 끌어올리는 것 같은 자바스크립트의 성질을 뜻하는 단어이다. 정확히 말하자면 실제로 변수/함수 선언을 최상단으로 끌어올리는 것은 아니고, 실제 코드를 수행하기 전 자바스크립트는

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

[프로그래머스] 1. 로또의 최고 순위와 최저 순위(Lv1), 2. [1차]캐시(Lv2), 3. 2xn 타일링(Lv2)

로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호를 알아볼 수 없게 되었습니다. 당첨 번호 발표 후, 민우는 자신이 구매했던 로또로 당첨이 가능했던 최고 순위와 최저 순위를 알아보고 싶어 졌습니다.

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

[JS] 화살표 함수 vs 일반 함수

화살표 함수는 ES6에 새로 추가된 함수 작성 방법이다. 기존 함수 표현식과 비교하면 훨씬 간결하게 사용 가능하다. 다만 두 표현식은 여러 차이점을 가지고 있기 때문에 완전 화살표 함수만으로 완전히 기존 함수 표현식을 대체할 수 있는 것은 아니다. 마찬가지로 화살표 함

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

[CSS] 2차원 레이아웃 시스템 Grid

그리드는 수평선과 수직선으로 이루어진 웹페이지 레이아웃 시스템으로, 여러 요소들을 편리하게 정렬할 수 있게 해주는 도구이다. 자주 사용되는 flex와 비교했을 때 flex는 1차원적인 레이아웃 시스템, grid는 웹페이지의 행과 열을 모두 관여할 수 있는 2차원 레이

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

[프로그래머스] 1. 체육복(Lv1), 2. 괄호 회전하기(Lv2), 3. 행렬의 곱셈(Lv2)

점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4

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

[프로그래머스] 1. 두 개 뽑아서 더하기(Lv.1), 2. 튜플(Lv.2), 3. 이진 변환 반복하기(Lv.3)

Lv 1: 두 개 뽑아서 더하기✍️ 문제 설명 정수 배열 number가 주어졌을 때, 서로 다른 인덱스에 위치한 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 새로운 배열에 오름차순으로 담고 반환하는 함수를 작성한다 제한 사항 numbers의 길이는 2 이상,

2022년 10월 13일
·
0개의 댓글
·