profile
모든게 새롭고 재밌는 프론트엔드 새싹
태그 목록
전체보기 (215)프로그래머스(103)자바스크립트(31)코딩애플(28)React(11)자료구조(11)노마드코더(9)알고리즘(8)github(7)Firebase(6)모던 자바스크립트 Deep Dive(6)JavaScript(5)ES6(5)객체지향(4)CSS(4)git(4)스택(3)class(3)Summer/Winter Coding(~2018)(3)extends(2)set(2)반응형 웹(2)push(2)완전탐색(2)BFS(2)상속(2)스택/큐(2)프론트엔드(2)트리(2)REST(2)heap(2)DFS(2)html(2)Constructor(2)clone(2)탐욕법(Greedy)(2)2017 팁스타운(2)Prototype(2)big o notation(2)react router(2)js(2)promise(2)코테(2)코딩테스트 입문(2)빅오 표기법(2)2018 KAKAO BLIND RECRUITMENT(2)CS(2)초보자를 위한 리액트 200제(2)GET(2)getter(2)setter(2)React Hooks(1)default parameter(1)Symbol(1)merge(1)linux(1)stack(1)queue(1)Pull Request(1)해시(1)priority queue(1)그래프 순회(1)유효성검사(1)yarn(1)recursion(1)이중 연결 리스트(1)2020 카카오 인턴십(1)문제해결접근법(1)분할 정복(1)shadow dom(1)해시 테이블(1)imperative(1)arguments(1)router(1)클라우드(1)Document(1)탐욕법(1)빈도수 세기(1)await(1)useEffect(1)for ~ in(1)Insertion Sort(1)Selection Sort(1)Spread(1)async(1)월간 코드 챌린지 시즌1(1)branch(1)Flex(1)export(1)&&(1)공간 복잡도(1)선형 검색(1)reducer(1)method(1)unshift(1)Object.create(1) 2019 카카오 개발자 겨울 인턴십(1)hoisting(1)2019 Kakao Blind Recruitment(1)template literals(1)npx(1)Unidirectional Data Flow(1)얄코(1)Primitive Data Type(1)Reference Data Type(1)box-sizing(1)자바사크립트(1)events(1)Helper Method Recursion(1)declarative(1)검색 알고리즘(1)해시함수(1)웹브라우저 동작원리(1)build(1)gh-pages(1)Big O(1)font awesome(1)퀵 정렬(1)State(1)this(1)arrow function(1)2022 KAKAO BLIND RECRUITMENT(1)다중 포인터(1)크로스 브라우징(1)너비우선탐색(1)Sass(1)styled components(1)모바일앱(1)fork(1)깊이우선탐색(1)shift(1)생명주기 함수(1)preventDefault(1)문제 해결 패턴(1)storage(1)localstorage(1)Pop(1)remove(1)동기식처리(1)정렬(1)reverse(1)이진 검색(1)재귀(1)ES5(1)2021 KAKAO BLIND RECRUITMENT(1)array(1)spread operator(1)super(1)삽입 정렬(1)단일 연결 리스트(1)proptypes(1)geolocation(1)벤더 프리픽스(1)random(1)tagged literals(1)interval(1)우선순위 큐(1)변수(1)svg(1)2021 카카오 채용연계형 인턴십(1)Database(1)Map(1)그래프(1).env(1)CRUD(1)합병 정렬(1)Props(1)(1)2023 KAKAO BLIND RECRUITMENT(1)시간 복잡도(1)Date(1)web-components(1)grid(1)운영체제(1)트리 순회(1)기수 정렬(1)2021 Dev-Matching: 웹 백엔드 개발자(상반기)(1)deep copy(1)memo(1)for ~ of(1)netlify(1)이진탐색트리(1)투두리스트(1)function(1)정규표현식(1)로그인(1)웹 접근성(1)Pure Recursion(1)virtual DOM(1)scss(1)destructuring(1)object(1)timeout(1)organization(1)2022 Kakao Tech Internship(1)시맨틱태그(1)dll(1)firestore(1)import(1)백엔드(1)호출 스택(1)weatherAPI(1)기준점 간 이동(1)cleanup function(1)선택 정렬(1)비동기식처리(1)npm(1)instance(1)POST(1)ReactDOM(1)querySelector(1)라이브러리(1)프레임워크(1)INSERT(1)

Grid

📌 grid-column-start : 그리드 세로선에서 시작되는 영역을 가리킨다. grid-column-start: 3 그리드 세번째 세로선에서 시작되는 영역(그리드의 왼쪽에서 세번째 열(column) 항목)을 뜻한다. grid-column-start: -3 그

약 8시간 전
·
0개의 댓글
·

Flex

https://flexboxfroggy.com/#ko justify-content : 중심축 방향으로 정렬 >flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의

약 9시간 전
·
0개의 댓글
·

유용한 공부 사이트

postmanhttps://www.postman.com/다양한 예제 연습https://flukeout.github.io/flex 연습https://flexboxfroggy.com/3. grid 연습https://cssgridgarde

약 10시간 전
·
0개의 댓글
·

Level 2 ) 기능 개발 ⭐️

프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다.또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포

약 16시간 전
·
0개의 댓글
·
post-thumbnail

그래프 순회

트리와는 다르게 그래프를 순회할때는 시작점을 정해주어야 한다.(그래프에는 루트가 없기 때문.)그래프에서는 깊이라는 개념이 모호한데, 인접점의 인접점을 따라 길이 막힐때까지 가는 것을 의미한다.1\. 각 vertex의 인접점을 해시 테이블에 담아둔다. 2\. 시작점을 정

약 17시간 전
·
0개의 댓글
·

Level 2 ) 점프와 순간 이동 ⭐️

문제 설명 OO 연구소는 한 번에 K 칸을 앞으로 점프하거나, (현재까지 온 거리) x 2 에 해당하는 위치로 순간이동을 할 수 있는 특수한 기능을 가진 아이언 슈트를 개발하여 판매하고 있습니다. 이 아이언 슈트는 건전지로 작동되는데, 순간이동을 하면 건전지 사용량이

어제
·
0개의 댓글
·

Level 2 ) N개의 최소공배수

a * b = 최대공약수 * 최소공배수 a * b / 최대공약수 = 최소공배수 여러개일 때는? 배열에 있는 값 2개씩 묶어서 (두 수의 곱 / 두 수의 최대공약수)로 최소공배수 구하기 이전 값과 다음 값으로 최소공배수 또 구하기 배열 끝날 때까지 반복

2일 전
·
0개의 댓글
·
post-thumbnail

6장. 데이터 타입

데이터 타입 : 값의 종류자바스크립트(ES6)는 7개의 데이터 타입을 제공한다.7개의 데이터 타입은 원시 타입과 객체 타입으로 분류할 수 있다.C나 자바의 경우 정수와 실수를 구분해서 int, long, float, double 등과 같은 다양한 숫자 타입을 제공한다.

4일 전
·
0개의 댓글
·
post-thumbnail

5장. 표현식과 문

값 : 식이 평가되어 생성된 결과리터럴 : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법표현식 : 값으로 평가될 수 있는 문(statement)표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다.리터럴, 식별자, 연산자, 함수 호출

4일 전
·
0개의 댓글
·

4장.변수

4.1 변수란 무엇인가? 왜 필요한가? 변수 : 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 각 셀은 고유의 메모리 주소를

4일 전
·
0개의 댓글
·

Level 2 ) H-Index

H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다.어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고

5일 전
·
0개의 댓글
·

Level 2 ) 예상 대진표

△△ 게임대회가 개최되었습니다. 이 대회는 N명이 참가하고, 토너먼트 형식으로 진행됩니다. N명의 참가자는 각각 1부터 N번을 차례대로 배정받습니다. 그리고, 1번↔2번, 3번↔4번, ... , N-1번↔N번의 참가자끼리 게임을 진행합니다. 각 게임에서 이긴 사람은 다

5일 전
·
0개의 댓글
·
post-thumbnail

그래프(Graphs)

그래프는 노드나 노드들의 연결을 모은 것이다.Nodes + Connections기본적으로 모든 SNS에서 사용된다. 사용자 추천 엔진등을 만들때 사용.트리는 그래프의 일종이다.소셜 네트워킹지도/위치파일 시스템 최적화 (위키피디아 문서 구조)등등vertex : 노드edg

6일 전
·
0개의 댓글
·

3장. 자바스크립트 개발 환경과 실행 방법

자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행할 수 있다.: 웹페이지를 화면에 렌더링하는 것이 주된 목적클라이언트 사이드 Web API를 지원한다.(ex. DOM, fetch, SVG,,): 브라우저 외부에서 실행 환경을 제공하는 것이 주된 목적클라이언

6일 전
·
0개의 댓글
·

2장. 자바스크립트란?

웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어로 탄생한 것이 자바스크립트이다.이후 자바스크립트의 파생 버전인 JSscript가 출시되었다.JSscript와 자바스크립트가 표준화되지 못하고 적당히 호환되었기 때문에, 브라우저에 따라

6일 전
·
0개의 댓글
·

Level 2 ) 구명보트 ⭐️

무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다.예를 들어, 사람들의 몸무게가 70kg, 50kg, 80kg, 50kg이고 구명보트의 무게 제한이 100kg이라면 2번째 사람

6일 전
·
0개의 댓글
·

Level 2 ) 영어 끝말잇기 ⭐️

1부터 n까지 번호가 붙어있는 n명의 사람이 영어 끝말잇기를 하고 있습니다. 영어 끝말잇기는 다음과 같은 규칙으로 진행됩니다.1번부터 번호 순서대로 한 사람씩 차례대로 단어를 말합니다.마지막 사람이 단어를 말한 다음에는 다시 1번부터 시작합니다.앞사람이 말한 단어의 마

7일 전
·
0개의 댓글
·
post-thumbnail

해시 테이블(Hash Table)

해시 테이블은 데이터를 key-value 쌍으로 묶은 자료구조를 말한다.거의 대부분의 언어에 해시 테이블 기능이 있으며, 자주 사용되는 자료 구조이다.JS 에서는 object 와 Map이 해시 테이블에 해당한다.Python 에서는 Dictionary가 해시 테이블에 해

7일 전
·
0개의 댓글
·
post-thumbnail

1장. 프로그래밍

1.1 프로그래밍이란? 프로그래밍이랑 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 정확하고 상세하게 요구사항을 설명할 수 있는 컴퓨팅적 사고 능력이 필요하다.(논리적, 수학적 사고) 1.2 프로그래밍 언어 컴퓨터가 이해할 수 있는 언어는 기계어인데, 사람이 기

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

Level 2 ) 짝지어 제거하기 ⭐️

짝지어 제거하기는, 알파벳 소문자로 이루어진 문자열을 가지고 시작합니다. 먼저 문자열에서 같은 알파벳이 2개 붙어 있는 짝을 찾습니다. 그다음, 그 둘을 제거한 뒤, 앞뒤로 문자열을 이어 붙입니다. 이 과정을 반복해서 문자열을 모두 제거한다면 짝지어 제거하기가 종료됩니

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