- 전체보기(110)
- TIL(101)
- apply(3)
- call(3)
- CSS(3)
- recursion(3)
- bind(3)
- linked list(2)
- tree(2)
- 클로저(2)
- 프로토타입(2)
- project(2)
- Graph(2)
- Tower of Hanoi(2)
- ESLint(2)
- State(2)
- 프로토타입 체이닝(2)
- Prototype(2)
- 스코프(2)
- reduce(2)
- this(2)
- event loop(2)
- promise(2)
- redux(2)
- promise.all(1)
- children(1)
- css레이아웃(1)
- children vs childNodes(1)
- Web API(1)
- authentication(1)
- childNodes(1)
- scope(1)
- parseJSON(1)
- git(1)
- logN 시간복잡도(1)
- spell check(1)
- input 빨간줄(1)
- prototype property(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)
- 콜백지옥(1)
- resolve(1)
- npm install --save -dev(1)
- react hook componentDidMount(1)
- 클론코딩(1)
- 하노이의탑(1)
- 문자열 공백제거(1)
- adjacency matrix vs adjacency list(1)
- day5(1)
- day9(1)
- console.table(1)
- 자료구조(1)
- social-login(1)
- 스피너(1)
- 세션vs토큰(1)
- API(1)
- Sequelize(1)
- @media only screen(1)
- Event Queue(1)
- 페어프로그래밍(1)
- V8엔진(1)
- OOP(1)
- Restful(1)
- 개발자의 조건(1)
- setTimeout 매개변수 특징(1)
- react 기초(1)
- stack(1)
- queue(1)
- 호이스팅(1)
- git commit 되돌리기(1)
- simple component vs class component(1)
- react router dom(1)
- setState이유(1)
- 세션(1)
- 쿠키(1)
- twittler(1)
- javascript runtime(1)
- 반응형(1)
- input focus on(1)
- 웹페이지vs웹사이트vs웹브라우저vs웹서버(1)
- lifecycle(1)
- springifyJSON(1)
- input focus out(1)
- Object.fromEntries(1)
- 브라우저(1)
- git commit 합치기(1)
- rest parameter(1)
- state끌어올리기(1)
- 스코프체인(1)
- day8(1)
- React(1)
- pull 대신 덮어쓸 때(1)
- call stack(1)
- Spread Syntax(1)
- 깃 잔디심기(1)
- 깃 커밋 되돌리기(1)
- input(1)
- 객체지향 프로그래밍(1)
- 고급언어(1)
- HashRouter(1)
- text overflow(1)
- dotenv(1)
- BFS vs DFS(1)
- favicon.ico(1)
- inorder(1)
- focus out(1)
- 객체 상속(1)
- this in node.js(1)
- 프리코스를 마치며(1)
- 하노이의탑 재귀함수(1)
- Fetch API(1)
- reject(1)
- git conflict(1)
- js(1)
- 비동기(1)
- 바이너리힙(1)
- stack frame(1)
- react세팅(1)
- CODESTATES(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)
- keydown(1)
- 동기 비동기(1)
- Flexbox(1)
- git flow(1)
- eval(1)
- Object.create(1)
- git checkout(1)
- [[scopes]](1)
- session vs token(1)
- 기계어(1)
- codestates HA(1)
- 자바스크립트(1)
- 파라미터(1)
- git log(1)
- Time Complexity(1)
- Route(1)
- JWT(1)
- find(1)
- strict vs non-strict(1)
- favicon(1)
- big o notation(1)
- replace(1)
- 어셈블리어(1)
- git github(1)
- day6(1)
- crop vs resize(1)
- javscript 예외처리(1)
- filter(1)
- imperative vs declarative(1)
- Link to(1)
- 선언형 vs 절차형(1)
- 선언형 vs 명령형(절차형)(1)
- push redirect(1)
- npm install --save(1)
- 인풋 빨간줄(1)
- 리액트 개발자 로드맵(1)
- edge(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)
- 함수(1)
- 변수의 유효범위(1)
- keyCode(1)
- arguments 객체(1)
- 코드스테이츠(1)
- DOM(1)
- circular queue(1)
- spinner(1)
- git HEAD(1)
- 예외처리(1)
- 깃헙 정리(1)
- day7(1)
- CSS Module(1)
- 선배 멘토링(1)
- memory heap(1)
- html(1)
- git branch(1)
- object.entries(1)
- this 바인딩(1)
- setTimeout 복습(1)
- singly linkedlist(1)
- day3(1)
- 습관(1)
- input focus in(1)
- 텍스트 축약(1)
- getElementByClassName(1)
- 구조 분해 할당(1)
- day10(1)
- NEGATIVE_INFINITY(1)
- onsubmit(1)
- linux find(1)
- README.md(1)
- git reset(1)
- day4(1)
- this with 화살표함수(1)
- day1(1)
- 병뚜껑 업다운(1)
- infinite scroll(1)
- git workflow(1)
- 재귀(1)
- git잔디심기(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)
- JSX(1)
- axios vs fetch(1)
- cookie(1)
- 취업팁(1)
- 활성객체(1)
- input options(1)
- CORS & npx serve(1)
- 일급객체(1)
- Map(1)
- airbnb convention(1)
- Math.random(1)
- 토큰(1)
- CRUD(1)
- 자료형(1)
- Binary Search Tree(1)
- Hash Table(1)
- Today I learned(1)
- Props(1)
- diary(1)
- uri 파라미터(1)
- onFocus(1)
- prototype 객체(1)
- cra project setting(1)
- 시간 복잡도(1)
- 변수객체(1)
- grid(1)
- onblur(1)
- max-width(1)
- 일기(1)
- binary heap(1)
- data structure(1)
- closure(1)
- day 11(1)
- document object(1)
- 윈도우에서 react(1)
[d] 2021/03/15
프론트 전부다 완성 시키기 자료 있다는 가정하에 인피니트 스크롤 등 전부다 완성해놓고, 자료를 받기만 하면(혹은 리덕스로 리팩토링을 하더라도) 끝날정도로 완벽하게 설계해놓기
[TIL] 2021/02/15
1) 윈도우에서 react 세팅하는 방법 : 맥이랑 다를바 없음. 일단은 node js 를 다운 받고, 그 다음에 npx를 이용해서 create-react-app을 해주던지, npm(node package manager)를 통해서 create-react-app을 다운
[TIL] 2021/02/06
Today, I Learned Cannot read property 'match' of undefined 관련 에러해결 방법 : node_modules 폴더와 package-lock.json을 삭제 후에 npm install을 다시해주기. react로 dar
[TIL] 2021/01/17
Today, I Learned npm vs npx먼저, npm은 nodeJS Package Manager로써 패키지 설치 및 실행을 가능하게 해준다. babel & webpack 관련 블로그 참조 링크 : link Planning to Study Comment
[TIL] 2020/01/13
Today, I will Learn LeetCode 문제 풀이 easy 2문제/medium 2문제/ hard 1문제 1) closure에 대해 설명해 주시고 example이 있다면 이야기해 주세요 2) js에서 this란 무엇이고 어디에 사용되나요 3) Dif
[TIL] 2020/1/6
Today, I Learned 리트코드 1302. Deepest Leaves Sum 문제 풀이(한번에 푸는건 실패.. 페어 분의 도움을 받아서 풀었다) Planning to Study 면접 질문 리스트 공부하기(블로깅 하면서) Comment 생각해보니 코드스테이츠 끝나고 연말까지 조금 풀어진 것 같다. 이제라도 정신을 차렸으니 다행이다.....
[TIL] 2020/12/29
Today, I Will Learn 노마드 코더 영화앱 리팩토링 : 1) 모바일 UI 설계 완성(0) 2) 디테일 페이지 완성 3) 전체적인 디자인 재생성 및 인피니트 스크롤 만들기 4) 내 로고 생성해서 실제 사이트처럼 만들기 5) 다크 모드 만들기 6) 스피너 제대로 만들기 Today, I Learned 노마드 코더 영화앱 리팩토링 : ...
[TIL] 2020/12/13
Today, I Learned textArea 혹은 div 등에서 글자를 자동 줄넘김 시킬 때 단어를 기준으로 할지, 그냥 글자를 기준으로 할지 등을 결정하면서 줄넘김을 시키는 css property white-space: pre-wrap; overflow-
[TIL] 2020/12/11
토요일 목표1) MyPageModal Mobile UI 좀 더 손보기(끝내놓기)2) 수정 버튼 클릭 안되는 문제 해결하기3) 댓글 input을 똑같이 새로 만들어서 대댓글 다는 케이스에는 따로 input 받기4) 댓글 부분 UI 어긋나는 것 고치기5) 이미지 슬라이드
[TIL] 2020/12/04
Today, I Learned height를 무조건 100%으로 하지말자. 그것 때문에 오늘 많은 고생의 시간이 있었다. 모바일에서 input 창을 누르면 확대되는 자동 기능을 없애려면 => link jsx 내에서 모바일 반응형인 상황에서의 처리를 해줄 때는 const handleCommentFolder = () => { const ...
[TIL] 2020/12/03
Today, I Learned React.memo : 이전 props와 동일한 props로 리렌더링 되는 상황이 많은 컴포넌트를 React.memo로 리팩토링해서 얕은 비교, 즉, React.memo에 이전 렌더링을 저장해놓고, 다음 렌더링시에 이전 props와 props가 동일하면 이전에 저장해둔 것을 재사용하는 방식으로 더욱 빠른 re-rende...
[TIL] 2020/12/02
Today, I Learned Crop vs Resize formData를 보낼 때는 multipart라고 헤더에 명시해줘야한다. const response = await axios({ method: 'post', url
[TIL] 2020/12/01
Today, I Learned react-easy-crop 구현 완료Unable to preventDefault inside passive event listener invocation. 이 에러가 브라우저에 계속 콘솔창에 뜨는데, 해결해놓자 Planning
[TIL] 2020/11/30
Today, I Learned URL에 로고를 변경하는 방법 : public 폴더에 .ico 확장자로 이미지 파일을 올려놓고, index.html에 링크로<link rel="icon" href="%PUBLIC_URL%/logo.ico" />해주면 된다.
[TIL] 2020/11/29
Today, I Learned PostModal 창 관련 컴포넌트 구현 완료. 현재, 댓글 부분에서 글이 길어졌을 때 어떻게 처리할지는 아직 정하지 못함. 글의 길이가 길어지면 ...more로 만들어서 more를 누르면 늘어나도록 해야할지,, 아니면 아예 글 제한
[TIL] 2020/11/28
Today, I Will Learn Today, I Learned infinite scroll 만들기 : link Planning to Study(In Project) infinite scroll 결국 구현 못했다..으휴.. 하지만 무조건 구현한다. 거의
[TIL] 2020/11/27
Today, I Learned -webkit-user-drag: none; 을 해놓으면 이미지를 끌어다가 움직이게 할 수 없다. 정확히 말하면 이미지 드래그를 막는 것!. 추가적으로, 텍스트 등을 드래그하면서 읽을 수 없도록 하려면 -webkit-touch-callout: none; -webkit-user-select: none; -kh...
[TIL] 2020/11/26
Today, I Learned 플로우 차트 그릴 때 유용한 사이트 : link Planning to Study Comment
[TIL] 2020/11/25
Today, I Learned 리액트 컴포넌트 설계 방법 먼저, UI를 바탕으로 컴포넌트를 분할해본다. 이 때, 기본 원칙은 하나의 컴포넌트는 하나의 역할을 한다는 것이다(단일 책임원칙). 뿐만 아니라 컴포넌트를 구성할 때에는 '재사용성' 측면을 고려해야한다. 예
[TIL] 2020/11/24
Today, I Learned web socket.io 관련 유튜브 링크 : link Final Project Start! 1) 타입스크립트 책 30일 플랜 짜서 무조건 1회독하고, 프로젝트에서 써먹어보기 2) 리덕스 꼭 쓰기! 3) html, css 제대로 공