profile
'과연 이게 최선일까?' 끊임없이 생각하기
태그 목록
전체보기 (149)DFS(8)Sort(4)완전탐색(4)queue(3)재귀(3)splice(3)BFS(3)reduce(2)Binary Search(2)hash(2)combination(2)API(2)toggle(2)stack(2)&&(2)발상의 전환(2)this(2)greedy(2)Que(2)dynamic array(2)corona(1)routing(1)kwargs(1)function(1)heroku(1)dic(1)mixin(1)scss(1)component(1)Pivot(1)promise(1)every(1)H Index(1)history API(1)contains()(1)고딩때의 추억(1)GET(1)POST(1)프로그래머스(1)merge(1)bind(1)선언형 방식(1)스켈레톤(1)NOT(1)Request(1)약수의 갯수(1)boolean(1)findIndex(1)fibonacci(1)memoization(1)quick(1)vmin(1)nth-of-type(1)variables(1)Helper(1)sortable(1)beforeunload(1)dijkstra(1)Trie(1)beautifulsoup(1)해쉬(1)debounce(1)HistoryAPI(1)BLOGGING(1)"for 와 recursive의 조화(1)high order function(1)Prototype(1)await(1)cachememory(1)nth-child(1)skeleton(1)try/except(1)Statement(1)async(1)rstrip(1)다시 만들기(1)class(1)for(1)bubble(1)JavaScript(1)singly linked list(1)render_template(1)pagination(1)Higher-order Function(1)progress(1)unshift(1)span(1)div(1)nested for loop(1)auto-complete(1)If_Else(1)documentFragment(1)mini project(1)json(1)drag and drop(1)크루스칼(1)replace(1)visible(1)format(1)Prime(1)다중 정렬(1)expression(1)CS(1)filter(1)z-index(1)debugging(1)Hash brown 맛있겠다(1)new Intl(1)delete(1)mixitup(1)부분집합(1)jquery(1)media query(1)RAM(1)State(1)LILO(1)sqlite(1)setInterval(1)setTimeout(1)응급상황(1)DOM(1)good_job(1)PriorityQueue(1)꼭꼭 숨어라 머리카락 보일라(1)이중포문(1)CSR(1)SSR(1)preventDefault(1)localstorage(1)Pop(1)inline(1)transition(1)split()(1)max(1)f-string formatting(1)CustomEvent(1)extends(1)Then(1)Fetch(1)submit(1)dict(1)addEventListener(1)doubly linked list(1)Delegation(1)LIFO(1)MAX_PAGE(1)change event(1)dash(1)인형뽑기(1)random(1)FLOOR(1)validator(1)JSX(1)Flask(1)auto fit(1)auto fill(1)dblclick(1)debug(1)Map(1)regexp(1)그래프(1)new Date(1)data set(1)Props(1)Content(1)min(1)dispatchEvent(1)plotly(1)csv(1)pandas(1)grid(1)나무(1)dynamic programming(1)좋은 개발자(1)audio(1)시각화(1)이중 포인터(1)mutaionObserver(1)test(1)canvas(1)
post-thumbnail

React 시작!

그렇다 그 유명한 React맞다. 바닐라로 손수 컴포넌트를 만들어서 프로젝트를 여러개 해보았다. state , rendering, import에 대한 개념이 어느정도 잡혀서 이제 React로 넘어가도 될 수 있을거 같다는 생각이 들었다.그래서 our lovely Col

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

todo list에 component방식 도입!

예전에 todo list를 component방식을 도입하여 다시 만들어 보았다!깃헙코드는 여기서 확인시연은 여기서after 가상 선택자를 사용해서 drag me를 구현한것.hover될때 drag me가 옆에서 나오면서 투명도가 바뀌게 했다.클래스는 생성자 함수와 달리

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

drag and drop API

to do list component를 진행하다가 drag and drop에서 제대로 공부해보게 되었다. 예전에 to do list 만들때는 j query를 이용해 구현했는데 이번에는 바닐라로 만들어보고 싶어서 파기 시작했고 나름 재밌고 유용한 기술이라 생각해서 art

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

컴퓨터의 동작 원리와 구조

예전부터, CS강의를 듣고 컴퓨터의 근본 개념에 대해서 꼭 공부해야겠다고 생각했었는데 유튜브에 보석같은 강의를 발견했고 들었다. 그리고 마침 또 친구 개발자가 이것저것 컴퓨터의 작동원리를 설명 해 주었는데 CS강의와 연관되는 내용이 있어서 이 깨달음이 증발하기 전에 정

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

무슨 언어를 배워야 할까?

2021년 2월쯤에 적은 글이다.프로그래밍 공부한지 어느덧 6개월이 되었다. 파이썬으로 시작해서 지금은 자바스크립트를 배우면서 토이프로젝트를 진행하고 있는데 고민이 생겼다. 장기적으로 봤을때 내가 생각하는 궁극적인 목표를 이룰 수 있으면서 전망도 있고 취직도 어느정도

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

좋은 개발자가 되기위해서는?

참고자료 우아한 테크코스, 캠프에 도전했다가 떨어진 사람의 이야기, 그리고 우아한 형제들에서 일하고 있으며 '기억보단 기록을' 이란 블로그를 운영하고 있는 이동욱 개발자님의 글, '포프 TV'에서 포프님이 하는 영상을 참고하였다. 우아한 테크코스 탈락 후기 이동욱

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

css 깨알 지식

not 선택자는 \*(univeral selector, 모든것을 선택)와 반대되는 성격을 가진다고 할 수도 있겠다. 일종의 예외를 정의하는 selector 이다. 예시를 살펴보자.css를 보면 client 클래스에 border가 적용되어있다. 그런데 border-top

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

responsive mixin

이번엔 화면에 크기에 따라 효과가 적용되는 mixin을 만들어볼려고 한다. responsive mixin은 @content 함수를 통해 함수 내용을 styles.scss에서 설정할 수 있다. 그럼 먼저 html 을 만들어주자. 화면 크기에 따라 HELLO의 색깔이 바뀔

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

SCSS 문법 더 알아보기

MIXIN를 이번에 배워보자. MIXIN는 함수와 모양과 기능이 비슷하다. 그리고 IF/ELSE 와 같은 조건문도 넣을 수 있다. 역시나 html 을 먼저 만들어주자. 홀수번째 google 은 파란색 짝수번째에 있는 google은 빨간색으로 설정해주려 한다.그리고 \_

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

반응형 페이지를 위한 grid

짱구볼 너무 커엽다... 요번엔 요 볼따구 처럼 쭉쭉 늘어났다 줄어들었다 하는 웹페이지를 만들어 보자!바로 auto-fill과 auto-fit이라는 property를 사용하면 된다!auto-fill과 auto-fit은 사실 거의 비슷하지만 약간의 차이가 있다. colu

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

SCSS 시작!

sassy(스타일리쉬한) css 라고도 한다. 마치 프로그래밍하듯이 변수도 설정하고 함수와 조건문을 이용해 css 를 구성하는걸 뜻한다. 그럼 compiler가 scss 문법을 css 문법으로 번역하고(이런 과정을 compile 이라고 한다) 그걸 html이 알아들어

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

GRID TEMPLATE

이번에는 훨씬더 직관적이고 더 쉽게 GRID를 만들어보도록 하자. 바로 GRID-TEMPLATE 라는 PROPERTY 를 사용해서 말이다. 그리고 GRID의 각 행과 열에 이름을 붙여 세부적으로 MODIFY 할 수 도 있다. 또한 특정 행과 열이 어디부터 어디까지 이어

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

영화 검색 서비스

Netlify Statushttps://developers.themoviedb.org/4/getting-started/authorization 의 api를 이용해 영화 검색 서비스를 만들어봄.pagination 같은 경우 컴포넌트로 따로 빼서 구현하고 싶었음.

2021년 12월 31일
·
0개의 댓글
post-thumbnail

입국심사

n명이 입국심사를 위해 줄을 서서 기다리고 있습니다. 각 입국심사대에 있는 심사관마다 심사하는데 걸리는 시간은 다릅니다.처음에 모든 심사대는 비어있습니다. 한 심사대에서는 동시에 한 명만 심사를 할 수 있습니다. 가장 앞에 서 있는 사람은 비어 있는 심사대로 가서 심사

2021년 12월 30일
·
0개의 댓글
post-thumbnail

가장 먼 노드

1.가장 먼 노드 일단 지금은 캠프교육중이라 시간이 없어서 이렇게 정리해놓는다. 시간 나면 나중에 그림으로 그려가면서 해봐라 이해 바로 된다.

2021년 12월 29일
·
0개의 댓글
post-thumbnail

CSR vs SSR

자 그럼 클라이언트와 서버에서 랜더링이 어떻게 차이가 나는지 살펴보자. 기준은 , "랜더링 해주는 위치" 에 있다.무엇?: 서버에서 HTML이 랜더링 된 결과(완성된 웹페이지)를 브라우저로 전달해준다. 때문에, 사용자가 새로운 URL로 이동해 새로운 웹페이지가 필요할

2021년 12월 27일
·
0개의 댓글
post-thumbnail

라우팅 하기 - 본격적으로 세팅!

그냥 실험용으로 간단하게 만들어 보았다. trend, upcoming을 클릭하고 page를 클릭하면 url이 ?trend?page=1 로 바뀌게 했다.만약 search term이 있으면 ?searching?query='searchTerm'?page=1 요런식으로 주소가

2021년 12월 27일
·
0개의 댓글
post-thumbnail

라우팅 하기 - 필요한 기술 간략 소개

예전 KDT에서 바닐라 JS로 라우팅하는 법을 배웠는데 MovieApp을 만들면서 적용하게 되었다. 우선 알아야 할 문법은 아래와 같다customEventdispatchEventhistory API보통 우리가 알고 있는 이벤트는 built in event이다. clic

2021년 12월 27일
·
0개의 댓글
post-thumbnail

닉네임

유저아이디와 그에 해당되는 닉네임을 가지고 채팅방에 들어오고 나가고 닉네임을 변경한 히스토리가 pass될것이다 그럼 그 히스토리를 보고 그 유저아이디에 해당되는 닉네임을 return하면 된다.예를 들어 보자history를 보면 유저아이디가 uid1234는 최종적으로는

2021년 12월 24일
·
0개의 댓글
post-thumbnail

게임 실패율

게임 안 한지도 꽤 된것 같네. 이번엔 실패율을 구하는 알고리즘을 짜는 문제이다. 각 스테이지당 통과한 사람 대비 플레이하고 있는 사람의 숫자를 보고 실패율을 계산해서 가장 실패율이 높은 스테이지부터 내림차순으로 실패율에 따른 스테이지를 정리한다음 리턴하면 된다. 예시

2021년 12월 24일
·
0개의 댓글