문제 : 신규 아이디 추천출처 : 프로그래머스이번문제는 문자열을 변환하는 간단한 문제입니다.문제의 설명대로 순차적으로 replace 메서드와 while문을 사용해서 풀어봤습니다.

문제 : 달리기 경주출처 : 프로그래머스이번문제는 해설진이 호명한 이름에따라 달리는 주자의 순위가 변동 되며 최종적으로 변동된 순위로 플레이어의 배열을 반환해주는 문제입니다.hash map을 사용하여 플레이어의 이름과 해당idx를 셋팅해줬습니다.이후 호명한 순서대로 f

문제 : 완주하지못한 선수출처 : 프로그래머스이번문제는 출발한 참가자중 완주하지 못한 참가자를 찾는 문제입니다.제가 한 풀이 방식은 참가자중에는 동명 이인이 있을 수 있으므로 1\. sort 메서드를 활용해 참가자와 완주자를 정렬2\. find 메서드를 통해 조건과 맞

발생및 확인 동기프로젝트를 배포 후 테스트 과정에서 chrome브라우저에서는 정상적으로 실행이되지만safari 에서 특정 페이지가 터지는 현상이 지속적으로 발생했습니다.local환경으로 확인 결과 아래와 같은 에러가 발생했슴을 확일 할 수 있었습니다.이유위 에러가 발생

문제 설명정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요.제한사항0 ≤ numbers의 원소 ≤ 10,0002 ≤ numbers의 길이 ≤ 100풀이A

문제 설명 영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 my_string은 소문자와 공백으로 이루어져

프로젝트를 기획하며 예전에 보았던 Drag and Drop이 매우 인상적이였기에 프로젝트에 이 기능을 추가하고 싶어 react-beautiful-dnd 라이브러리를 사용하여 DND를 만들어 보았다. 라이브러리여서 처음에는 '크게 어렵지 않을것이다.' 라고 생각을 했

프로젝트 진행중 무수한 any를 보고 "이러면 JS와 다를게 없지않나?"라는 생각 이 들어 모든 any를 지우는 목적으로 TypeScript를 열심히 작성해봤다.그 과정중 공부한 내용들이다.generic 타입은 어떤 타입인지 모르지만 들어온 타입을 그대로 사용한다. 문

팀 프로젝트를 진행하며 처음으로 git을 통한 협업을 해보았다.개인 프로젝트를 진행하며 한개의 master branch를 통해 코드와 버전을 관리 하였기 때문에처음엔 많은 어려움을 겪게 되었다. 그래서 글을 쓰며 내용을 정리하고자 한다. git은 local 영역내에서

프로젝트 중 시작일과 마감일 사이의 모든 일정을 출력받아와야하는 상황이 나왔다.고민하던 중 toISOString(), split() 메서드와setDate(), getDate()를 이용하여함수를 만들어 봤다.아래의 출력결과처럼 5~25일 까지의 모든 날짜를 받아올 수 있

new Date()를 이용하여 D-day 기능을 만들어보자위 처럼 간단한 함수로 구현을 할 수있지만결과값이 딱 떨어지지 않는다.그래서 위 예제 에서는 Math.trunc()를 사용하여 소수점을 버려주었다.기능에 따라서 올림 / 내림 / 반올림 Math.ceil() /

new Date()는 연도부터 초 단위까지 국제 표준시(UTC)를 기준으로 결과를 보여주는 함수이다.new Date()는 매개변수에 따라서 아래와같이 다양한 형태로 생성할 수 있다.위 매개변수를 토대로 글 작성일인 6월4일을 예제로 들어보게 된다면위와 같은 결과가 나

Virtual DOM 이란 영어 뜻 그대로 가상 돔 이라는 뜻이다.리액트에서는 Virtual DOM 에서 변경된 DOM의 위치를 기존의 DOM과 비교하여 변경 된 DOM 위치에서만 변경 시키는 특성을 가지고 있다,따라서 기존의 방식처럼 DOM처럼 다시 한번 전체를 렌더

Next.js와 React에서 차이를 유일하게 크게 보이는 곳이 Router부분이다. 라우팅을 할 때 Next에서는 상대적으로 쉽게하는 반면 React는 상대적으로 경로 및 컴포넌트 설정에 있어서 복잡하다.React-routerreact-router에 경우 주소창의 주

this는 상위 객체를 가르키는 변수이다. 예를 들면 콘솔에 this를 써보자이 때 this는 바로 본인의 상위인 windows를 불러오게 된다.그렇다면 클래스에서의 this는 어떨까?this는 실행 위치에 binding 방식에 따라 다른 값을 참조하기 때문에아래 bi

이 개발 방식은 사실 개발에만 적용되는 개념이 아니라 디자인에도 적용되는 설계 패턴이다.말 그래도 작은 단위의 컴포넌트를 재사용성이 강하고, 단단하게 잘 설계함으로서 점진적으로 지속적으로 개발하기 용이하게 하는 방식이다.웹 프론트 개발에 가장 많이 쓰이는 프레임워크인

객체 지향 프로그래밍은 컴퓨터 프로그래밍 패러다임 중 하나로, 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법이다. 장점으로는 아래와 같은 점이 있으며,코드 재사용이

SQL을 사용하면 RDBMS에서 데이터를 저장, 수정, 삭제 및 검색 할 수 있음관계형 데이터베이스에는 핵심적인 두 가지 특징이 있다.데이터는 정해진 데이터 스키마에 따라 테이블에 저장된다.데이터는 관계를 통해 여러 테이블에 분산된다.데이터는 테이블에 레코드로 저장되는

Type(Generic) 브라우저 저장 (Cookie, Local/SesionStorage) 비회원 장바구니 (Basket) Type any/unknown TS를 사용하게 되면 타입을 모를경우 any 라는 type를 자주 사용하게 된다. 하지만 TS의 목적은 타입

Event Loop는 Call Stack과 Callback Queue의 상태를 체크하여,Call Stack이 빈 상태가 되면, Callback Queue의 첫번째 콜백을 Call Stack으로 밀어넣는다.V8 엔진에서 코드가 실행되면, Call Stack에 쌓인다.St