profile
Web-developer 가 되고자하는 Fashion Philosopher
태그 목록
전체보기 (222)TIL(102)CSS(4)html(4)recursion(3)call(3)apply(3)bind(3)promise(2)event loop(2)알고리즘(2)tree(2)Tower of Hanoi(2)클로저(2)Graph(2)우선순위큐(2)브라우저(2)웹브라우저 동작(2)linked list(2)프로토타입(2)State(2)프로토타입 체이닝(2)ESLint(2)project(2)reduce(2)web browser(2)this(2)스코프(2)프로세스(2)Prototype(2)redux(2)document object(1)인접행렬(1)윈도우에서 react(1)promise.all(1)children(1)카카오-코테(1)css레이아웃(1)children vs childNodes(1)Web API(1)authentication(1)childNodes(1)scope(1)parseJSON(1)git(1)스레드(1)logN 시간복잡도(1)spell check(1)input 빨간줄(1)prototype property(1)브라우저 동작원리(1)currying vs closure(1)function(1)클로저 vs 커링(1)React.memo(1)프로토타입 프로퍼티(1)HA(1)react darkmode(1)asynchronous(1)git pull vs git fetch(1)web(1)콜백지옥(1)resolve(1)npm install --save -dev(1)react hook componentDidMount(1)클론코딩(1)하노이의탑(1)문자열 공백제거(1)adjacency matrix vs adjacency list(1)video(1)day5(1)자바스크립트 실행과정(1)day9(1)console.table(1)자료구조(1)인라인블록(1)social-login(1)스피너(1)세션vs토큰(1)API(1)Sequelize(1)@media only screen(1)Event Queue(1)페어프로그래밍(1)비디오태그(1)V8엔진(1)OOP(1)Restful(1)http(1)개발자의 조건(1)setTimeout 매개변수 특징(1)react 기초(1)Context Switching(1)동기화(1)stack(1)queue(1)호이스팅(1)git commit 되돌리기(1)simple component vs class component(1)react router dom(1)인접리스트(1)setState이유(1)browser(1)heap(1)세션(1)쿠키(1)twittler(1)javascript runtime(1)반응형(1)input focus on(1)웹페이지vs웹사이트vs웹브라우저vs웹서버(1)lifecycle(1)카카오(1)springifyJSON(1)input focus out(1)Object.fromEntries(1)ssl(1)git commit 합치기(1)rest parameter(1)state끌어올리기(1)제곱수의합(1)스코프체인(1)day8(1)인라인요소(1)React(1)pull 대신 덮어쓸 때(1)call stack(1)Spread Syntax(1)깃 잔디심기(1)스케줄링(1)깃 커밋 되돌리기(1)input(1)객체지향 프로그래밍(1)고급언어(1)HashRouter(1)text overflow(1)dotenv(1)BFS vs DFS(1)프로세스 동기화(1)img tag(1)favicon.ico(1)div span(1)inorder(1)focus out(1)자바스크립트 파싱(1)객체 상속(1)this in node.js(1)Blocking(1)프리코스를 마치며(1)하노이의탑 재귀함수(1)Fetch API(1)reject(1)git conflict(1)js(1)비동기(1)바이너리힙(1)stack frame(1)react세팅(1)CODESTATES(1)바이너리 서치(1)Flex(1)JavaScript(1)module.exports(1)hybrid vs native vs web(1)고차함수(1)react 정리(1)MIN_VALUE(1)sequelize-cli(1)하노이의 탑 최소 시행(1)힙vs트리(1)git diff(1)day2(1)placeholder.com(1)keydown(1)동기 비동기(1)Flexbox(1)웹브라우저(1)git flow(1)eval(1)Object.create(1)git checkout(1)span(1)div(1)[[scopes]](1)selector(1)session vs token(1)기계어(1)codestates HA(1)자바스크립트(1)블라인드(1)파라미터(1)git log(1)Time Complexity(1)https(1)Route(1)JWT(1)find(1)video tag(1)strict vs non-strict(1)favicon(1)big o notation(1)카카오 코딩테스트(1)테이블 태그(1)replace(1)어셈블리어(1)git github(1)span div(1)day6(1)crop vs resize(1)코테(1)javscript 예외처리(1)filter(1)imperative vs declarative(1)Link to(1)img 태그(1)선언형 vs 절차형(1)웹브라우저 동작원리(1)calc()(1)선언형 vs 명령형(절차형)(1)push redirect(1)npm install --save(1)인풋 빨간줄(1)리액트 개발자 로드맵(1)edge(1)이미지 태그(1)setTimeout this(1)data type(1)git merge(1)callback Hell(1)소셜로그인(1)재귀함수(1)cra 프로젝트 세팅(1)nQueens마무리(1)git contribution(1)input red(1)하노이의 탑 일반항 구하기(1)inline block(1)함수(1)변수의 유효범위(1)keyCode(1)caniuse(1)arguments 객체(1)코드스테이츠(1)크기별이미지파일생성(1)DOM(1)circular queue(1)Defer vs Async(1)div vs span(1)spinner(1)git HEAD(1)예외처리(1)깃헙 정리(1)day7(1)선택자(1)CSS Module(1)선배 멘토링(1)memory heap(1)git branch(1)object.entries(1)this 바인딩(1)repaint()(1)setTimeout 복습(1)singly linkedlist(1)day3(1)습관(1)css선택자(1)input focus in(1)텍스트 축약(1)getElementByClassName(1)구조 분해 할당(1)블록요소(1)block(1)day10(1)NEGATIVE_INFINITY(1)onsubmit(1)linux find(1)README.md(1)inline(1)git reset(1)inline vs block(1)day4(1)this with 화살표함수(1)day1(1)병뚜껑 업다운(1)크기별(1)infinite scroll(1)git workflow(1)Table(1)재귀(1)git잔디심기(1)제곱수의 합(1)렌더링 과정(1)Then(1)Fetch(1)실행 컨텍스트(1)doubly linked list(1)prop-type(1)window.location.search(1)git checkout -b(1)interpreter vs compiler(1)github(1)prototype chaining(1)random(1)렌더링 원리(1)화살표함수 복습(1)Binary Search(1)백준(1)이진탐색(1)빅 오 노테이션(1)JSX(1)axios vs fetch(1)동작원리(1)cookie(1)취업팁(1)스케줄러(1)활성객체(1)input options(1)CORS & npx serve(1)일급객체(1)Map(1)airbnb convention(1)Math.random(1)그래프(1)토큰(1)CRUD(1)자료형(1)Binary Search Tree(1)Hash Table(1)이미지파일생성(1)Today I learned(1)css가상클래스(1)Props(1)diary(1)table tag(1)uri 파라미터(1)onFocus(1)prototype 객체(1)cra project setting(1)시간 복잡도(1)js engine(1)변수객체(1)reflow(1)파이썬(1)브라우저지원(1)(1)grid(1)onblur(1)max-width(1)운영체제(1)일기(1)binary heap(1)data structure(1)closure(1)day 11(1)
post-thumbnail

[WEB] SSR, CSR, SPA, MPA

먼저, SSR은 Server Side Rendering으로 옛날에 django를 이용해서 만들 때 templates, views, models(MTV 패턴) 를 이용하여 직접 구현해봤던 방식이다. 나의 경험을 토대로 SSR을 설명해보면 서버쪽에서 HTML을 미리 구성해

1일 전
·
0개의 댓글

[TIL] 2021/10/14

: 예를 들어, 리스트에 어떤 정보를 쌓아가면서 길이가 4가 됐을 때 조건을 체크한 다음에 조건을 충족하면 answer +=1 을 하고, 리스트를 reset하고 다시 탐색해 나아가는 형식의 문제를 푼다고 해보자. 그리고 이것을 N\*N배열에서 한다고 할 때, 하나의 r

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

[김버그 HTML & CSS] - (2)

저번 시간에 내가 작성한 페이지가 웹표준에 적합한지 테스팅 했을 때 ul?ol? 둘중 하나의 태그 내에 br태그를 쓴 것이 에러 처리가 됐었는데, 문법적으로 정확히 ul or ol 내에는 '무조건' li 태그만 들어갈 수 있다고 한다!.\*\* 예를 들어, 그 안에 &

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

[Algorithm] 최고의 집합

: 규칙을 찾아내면 쉽게 풀 수 있던 문제: n과 s가 주어지면 n개의 숫자를 이용해서 합이 s가 되는 조합(집합)을 찾는데(이 때, 집합은 중복집합이라해서 중복을 허용하는 집합이다), 이중에 n개의 숫자의 곱이 가장 큰 조합을 찾아서 리턴하는 것이 문제이다.: n개의

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

[Algorithm] 여행 경로

: 한번에는 못풀었는데, 이유는 문제를 제대로 이해하지 못해서이다..: 항공권 티켓(왕복이 아닌 편도행)이 tickets로 주어지는데, 그러한 항공권 티켓을 바탕으로 '여행 경로'를 짜야한다. 이 때, 티켓은 반드시 ICN에서 출발해서 비행기를 타고, 타고, 타서 어딘

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

[Toy Project] 점진적 과부하 사이트 - 3

record 페이지를 만들어서 그날의 운동이 끝나면 기록을 보여주는 표 페이지를 만들었음이 때, 시맨틱 태그에 유의하면서 만들어봤음(오늘 해당 내용을 공부했으므로 ㅎㅎ) => 코드 확인 가능 링크랜딩페이지 -> 메인 페이지 -> 레코드 페이지로 가는 로직을 그림으로 보

5일 전
·
0개의 댓글

[TIL] 2021/10/12

section 태그는 구획을 나눌 때 쓰는데, 그 구획을 나누는 부분이 다른 구획과 연관성을 지니면서 독립성이 낮을 때 쓴다. article 태그 또한 구획을 나눌 때 쓰는데, section에 비해 독립성이 높고, 그 부분만 따로 떼어놔도 충분히 제 기능, 제 역할 혹

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

[김버그 HTML & CSS] - (1)

HTML은 서버로부터 전달되는 JS, CSS, etc 중에 가장 베이스가 된다. why? HTML 마크업이 없으면 브라우저에 아무것도 렌더링 할 수 없음. 렌더링을 위한 가장 핵심 및 기본이 되는 정보가 HTML에 담겨있다.이러한 HTML의 구조와 기본 철칙 등을 잘지

5일 전
·
0개의 댓글

[TIL] 2021/10/11

python의 reversed, join, slicing(\[]) 모두다 O(N)의 시간복잡도를 가진다.문자열, 리스트를 뒤집을 때 ::-1로 뒤집는 방법이 있다.heapq 모듈에 대해서(참고 블로그): heapq는 우선순위 큐로 알려진 힙 자료구조와 같은 구조로 동작

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

[Toy Project] 점진적 과부하 사이트 - 2

: 오늘의 운동 기록을 점진적 과부하 사이트로 기록하고 캡쳐해봤다 ㅎㅎ일단 메인 페이지의 로직을 구현했음. 저번에 만든 랜딩페이지에서 운동을 선택하면 메인페이지로 그 선택한 운동들을 가져와서 useEffect()로 componentDidMount와 같은 효과를 내서 첫

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

[Algorithm] 야근 지수

: 계속 고민하던 포인트에서 막혀서 못푼 문제. 근데 그 해답이 heap에 있었던 문제이다. 계속 고민하던 포인트는 결국 계속해서 최대값에 -1을 해주면서 n을 소비(?)해 나아가는 것이 문제 풀이 방법인 것 까지는 알았는데, 계속해서 최대값을 찾느라 max()를 써서

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

[Algorithm] 가장 긴 펠린드롬

: 휴.. 시간 초과(효율성 1번) 때문에 별짓을 다해본 문제이다. 내 풀이가 잘못된건가 하여 분할정복법도 써가며 풀어봤지만 불가능한 방법이었고, 결론적으로 파이썬 내장 함수를 쓸 때 시간복잡도를 잘알고 써야겠다는 생각이 든다.: 문제 자체는 간단하다. 주어진 문자열에

6일 전
·
0개의 댓글

10월 목표

프로그래머스 레벨 3 안푼 문제 전부다 풀기(45문제 정도 남았으니까 적어도 하루 2,3문제 정도 풀어야함) \*\* 시간재고 풀기알고리즘 잡스 하라는 대로 하기오전 시간 제외 오후 시간에는 이론 공부 => 공부한 내용 TIL로 작성하기!굵직한 것은 준비했다 한번에 하

2021년 10월 9일
·
0개의 댓글

[MEMO]

코딩테스트 준비는 하루의 반나절을 투자해서라도 꾸준히(코딩테스트 통과 못하면 면접도 없다)CS 지식 및 내 경험 바탕으로 자소서 및 면접 답변 준비 면접 준비에 자바스크립트, 프론트 엔드 관련 질문들 전부 포함되는 것!

2021년 10월 9일
·
0개의 댓글

[MEMO] Naver 코딩테스트 후기

일단 결론적으로 1솔 했다..1번은 되게 간단한 줄 알고 풀다가 세부적인 조건을 고려하지 못해서 시간은 시간대로 잡아먹고 풀지를 못했다. 문제에 대한 이해를 제대로 못한 결과라고 생각한다. 앞으로 문제를 풀 때 너무 친절한 문제만 풀어 버릇하면 안될 것 같다. 내가 스

2021년 10월 9일
·
0개의 댓글
post-thumbnail

[Algorithm] 물풍선 제거

: 2번만에 해결할 수 있었다. 솔직히 처음에는 문제 스케일에 압도(?)돼서 이상한 생각을 해서.. 헤맸던 것 같고, 차근차근히 풀어보니까 은근히 쉬운 문제였다. 하지만 코드 길이도 그렇고 확실히 스케일이 있는 문제인 것 같다정보를 통해 주어진 물풍선을 주어진 바늘의

2021년 10월 6일
·
0개의 댓글

[Toy Project] 점진적 과부하 사이트 - 1

S3 배포 사이트 링크: 헬스를 할 때 점진적 과부하를 측정하기 위한 앱으로, 랜딩 페이지에서 오늘 할 운동을 정하고, main 페이지로 넘어갈 수 있다. 메인 페이지로 넘어가면 오늘 할 운동 각각에 start 버튼이 있는데, 이 버튼을 누르면 시작 시간과 함께 1s

2021년 10월 5일
·
0개의 댓글
post-thumbnail

[Algorithm] 단어 변환

프로그래머스 단어변환 문제 구현 코드 def solution(begin, target, words): answer = 0 BFS ! queue = [begin] path = {} path[begin] = True def is_possible(word1,word2): cnt = 0 for ...

2021년 10월 5일
·
0개의 댓글

[Algorithm] 네트워크

프로그래머스 네트워크 문제 문제 해석 : 문제 자체는 어렵지 않다. 컴퓨터의 수 n과 컴퓨터간의 연결관계를 나타내주는 2차원 배열을 받아서(0이면 비연결, 1이면 연결), 전체 네트워킹이 몇개나 형성돼있는지를 구하는 것이다. 이 때, 네트워크 단위는 연결단위이다. 즉

2021년 10월 5일
·
0개의 댓글
post-thumbnail

[Algorithm] 타겟넘버

: DFS 백트랙킹을 이용해서 풀었다. 코드가 약간 지저분한데 한번더 풀 때는 좀 더 간결화한 코드로 풀면 좋을 것 같다!: 프로그래머스 타겟넘버 풀이

2021년 10월 4일
·
0개의 댓글