profile
포기하지 않는 이상 도착하게 돼있다
태그 목록
전체보기 (282)TIL(110)타입스크립트(4)typescript(4)html(4)CSS(4)redux(3)알고리즘(3)apply(3)bind(3)recursion(3)call(3)프로세스(2)타입(2)promise(2)ESLint(2)linked list(2)State(2)프로토타입 체이닝(2)Tower of Hanoi(2)reduce(2)스코프(2)브라우저(2)웹브라우저 동작(2)this(2)Prototype(2)project(2)event loop(2)web browser(2)프로토타입(2)tree(2)우선순위큐(2)Graph(2)클로저(2)인접행렬(1)윈도우에서 react(1)promise.all(1)tuple(1)children(1)카카오-코테(1)css레이아웃(1)children vs childNodes(1)Web API(1)authentication(1)never(1)childNodes(1)scope(1)parseJSON(1)git(1)스레드(1)logN 시간복잡도(1)spell check(1)input 빨간줄(1)prototype property(1)브라우저 동작원리(1)취업후기(1)currying vs closure(1)function(1)클로저 vs 커링(1)React.memo(1)취업(1)프로토타입 프로퍼티(1)HA(1)react darkmode(1)취준생(1)asynchronous(1)git pull vs git fetch(1)web(1)콜백지옥(1)resolve(1)npm install --save -dev(1)react hook componentDidMount(1)algorithm jobs(1)클론코딩(1)하노이의탑(1)문자열 공백제거(1)adjacency matrix vs adjacency list(1)video(1)day5(1)프로그래머(1)비전공 개발(1)자바스크립트 실행과정(1)day9(1)console.table(1)자료구조(1)인라인블록(1)social-login(1)스피너(1)세션vs토큰(1)API(1)Sequelize(1)requestAnimationFrame(1)@media only screen(1)비전공자(1)Event Queue(1)ncsoft면접(1)페어프로그래밍(1)비디오태그(1)프로그래머스(1)alias(1)V8엔진(1)OOP(1)Restful(1)멀쩡한 사각형(1)http(1)개발자의 조건(1)취뽀(1)setTimeout 매개변수 특징(1)react 기초(1)Context Switching(1)동기화(1)ncsoft(1)stack(1)queue(1)호이스팅(1)redux-basic(1)git commit 되돌리기(1)simple component vs class component(1)프로그래머스 멀쩡한 사각형(1)react router dom(1)개발(1)type alias(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)코딩테스트(1)springifyJSON(1)input focus out(1)Object.fromEntries(1)ssl(1)Optional Type(1)git commit 합치기(1)redux하드코딩(1)rest parameter(1)state끌어올리기(1)제곱수의합(1)스코프체인(1)day8(1)비전공자 개발자(1)인라인요소(1)React(1)취준(1)pull 대신 덮어쓸 때(1)알고리즘 잡스 후기(1)readonly type(1)call stack(1)Spread Syntax(1)깃 잔디심기(1)스케줄링(1)깃 커밋 되돌리기(1)프론트엔드(1)input(1)개발자 합격(1)튜플(1)객체지향 프로그래밍(1)고급언어(1)알잡(1)HashRouter(1)알고리즘 잡스 수료생(1)text overflow(1)dotenv(1)BFS vs DFS(1)프로세스 동기화(1)ts(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)바이너리힙(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)프로그래머의 뇌(1)placeholder.com(1)신입공채(1)keydown(1)동기 비동기(1)Flexbox(1)웹브라우저(1)git flow(1)eval(1)ncsoft 신입(1)Object.create(1)git checkout(1)span(1)div(1)[[scopes]](1)selector(1)session vs token(1)기계어(1)VOID(1)codestates HA(1)코딩테스트 학원(1)자바스크립트(1)블라인드(1)파라미터(1)git log(1)any(1)Time Complexity(1)https(1)Route(1)JWT(1)find(1)video tag(1)하반기(1)strict vs non-strict(1)favicon(1)big o notation(1)카카오 코딩테스트(1)테이블 태그(1)replace(1)어셈블리어(1)개발자취준(1)git github(1)span div(1)day6(1)crop vs resize(1)코테(1)javscript 예외처리(1)filter(1)imperative vs declarative(1)개발직(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)redux-middleware(1)circular queue(1)Defer vs Async(1)div vs span(1)spinner(1)git HEAD(1)예외처리(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)개발자(1)README.md(1)inline(1)git reset(1)도전(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)렌더링 과정(1)Then(1)Fetch(1)실행 컨텍스트(1)옵셔널 타입(1)unknown(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)ncsoft 개발(1)렌더링 원리(1)화살표함수 복습(1)Binary Search(1)백준(1)이진탐색(1)신입(1)빅 오 노테이션(1)call signatures(1)JSX(1)axios vs fetch(1)동작원리(1)cookie(1)취업팁(1)스케줄러(1)활성객체(1)input options(1)CORS & npx serve(1)미들웨어(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)개발자 취업(1)css가상클래스(1)Props(1)diary(1)table tag(1)uri 파라미터(1)onFocus(1)prototype 객체(1)cra project setting(1)멀쩡한 사각형 파이썬(1)시간 복잡도(1)js engine(1)변수객체(1)reflow(1)파이썬(1)브라우저지원(1)(1)grid(1)onblur(1)코딩테스트 대비(1)max-width(1)운영체제(1)binary heap(1)data structure(1)closure(1)day 11(1)document object(1)
post-thumbnail

[TS] FUNCTIONS

: JS의 함수는 일급 객체로 변수에 할당할 수 있었는데 그것처럼 함수도 타입을 미리 지정해서 type alias에 저장할 수 있다. 본래 이와 같이해야하는 것을아래와 같이 해줄 수 있다.아직 이것에 대한 실용성(?)은 제대로 알지 못하지만 나중에 props로 함수를

4일 전
·
0개의 댓글

[TS] TypeScript의 Types(2)

TS에만 존재하는 타입에 관하여 Void : 사실 void는 자바(JAVA)를 썼던 사람이라면(사실 대부분의 타입스크립트 타입들이 그렇지만) 알고 있는 개념일 것이다. 결과적으로 void는 함수에서 리턴값이 없을 때 return 타입을 void로 해주거나, retur

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

[TS] TypeScript의 Types(1)

위의 예시를 보면(타입스크립트 코드), 위에는 num이라는 변수의 타입을 명시적으로 표현해주지 않은 것이고, 아래는 명시적으로 넘버 타입을 표시해준 부분이다. 이 때, 주석 처리한 부분을 보면, num이라는 변수에 'string'이라는 문자열 타입의 자료를 할당하려했는

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

[TS] JS => TS

: 새로운 회사에서 기껏해야 4개월 정도 일하고 있는 나지만 여태껏 일하면서 가장 '에러'를 많이 발견하고, 일으켰던 부분은 바로 '타입(type)'과 관련된 부분이었다. 특히 api를 통해 자료를 받아와서 렌더링을 하는 부분에 있어서 자료가 안오거나, 잘못된 자료가

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

[FE] Node 버전 업데이트

아래 이미지처럼 'node -v' 명령어를 통해 현재 버전 확인이 가능하다(이미 업데이트를 최신으로 해놔서 18.1.0이다).버전 업데이트를 위한 모듈을 설치하기 전에 npm cache를 비워준다.버전 업데이트를 위해서는 nodeJS 버전을 관리하는 모듈이 필요한데,

6일 전
·
0개의 댓글

[TypeScript] 타입스크립트란?

: TypeScript는 마이크로소프트에서 개발한 오픈소스 프로그래밍 언어다. 쉽게 정의해보면타입스크립트 = 자바스크립트 + '타입'적용Javascript의 상위 집합으로 ECMAScript의 최신 표준을 모두 지원하며(모두 포괄함) 트랜스파일링(by 타입스크립트 컴파

2022년 4월 20일
·
0개의 댓글

[프로그래머의 뇌 - 1] 인지 과정과 코드 읽기

: 우리는 뭔가를 인지할 때 컴퓨터처럼 사고 작용을 담당하는(CPU) - 작업 공간이라고 할 수 있다.장기적으로 내용을 기억하는 하드 드라이브 - LTM(Long Term Memory)단기적으로 내용을 기억하는 메모리 - STM(Short Term Memory)입력을

2022년 4월 18일
·
0개의 댓글

[TypeScript] 타입스크립트는 자바스크립트로 트랜스파일링된 후에 실행된다.

: 브라우저, NodeJS의 특징은 JS 파일을 실행할 수 있다는 것이다. 그러나, 타입스크립트는 브라우저, NodeJS 양쪽 모두에서 실행될 수 없다. 따라서, 결국 타입스크립트를 써도 Javascript로 변환하는 과정이 필요한데, 이는 타입스크립트 컴파일러를 통해

2022년 4월 13일
·
0개의 댓글

[TIL] 2022/03/30

순수함수인 reducer에서 각기 다른 로직(api의 결과에 따른)을 만들면 순수하지 않은 함수가 되기 때문에 이를 reducer 외부에서 파이프라이닝(dispatch에) 작업을 통해 해결하는 아이디어를 사용한 것이 thunk이다. 그래서 시작 -> api 결과(성공)

2022년 3월 30일
·
0개의 댓글

[TIL] 2022/03/29

사실상 리덕스를 일반 코드로 표현해보면 위와 같을 것이다. send는 우리가 흔히 아는 dispatch일 것이고, 그 안에 액션을 넣어주면, 그에 따른 액션을 dispatch한다. 그에 따라 store안에 전역 state가 변하게 된다. 이 때, state를 변화시키는

2022년 3월 29일
·
0개의 댓글

[TIL] 2022/03/28

Today I Learned Redux-Thunk는 함수를 디스패치 할 수 있도록 해주는 미들웨어이다. Redux-Saga는 액션을 모니터링하고 있다가, 특정 액션이 발생하면 이에 따라 특정 작업을 하는 방식으로 사용한다.

2022년 3월 28일
·
0개의 댓글

[TIL] 2022/03/25

Today I Learned useReducer vs useState > The useReducer hook is usually recommended when the state becomes complex, with state values depending on ea

2022년 3월 25일
·
0개의 댓글

[TIL] 2022/03/24

이러한 특성을 가진 useRef를 보통 DOM을 참조 및 가져와서 쓰는데에만 사용했었는데, 개수를 센다던지, 회수를 센다던지의 값을 쓸 때 useRef를 이용해서 사용하면 좋을 것 같다. 이를 사용하면 딜레이의 걱정도 없고, 리렌더링이 될 일도 없기 때문이다.위와 같은

2022년 3월 24일
·
0개의 댓글

[TIL] 2022/03/18

이 블로그를 참조해서 공부를 했는데, 리액트를 통해 좀더 유지, 보수하기 좋은 코드를 짜기 위한 고민을 해봤다.    The most common function of a container component is to obtain data. Obtaining data

2022년 3월 18일
·
0개의 댓글

[TIL] 2022/03/16

항상 solid한 코드를 작성하려고 리액트-리덕스 패턴 속에서도 노력했었지만 솔직히 정확하게 리액트 내에서 solid한게 뭔지도 잘 몰랐던 것 같다. \*\* Single Responsibility Principle 이란?What the single-responsibi

2022년 3월 16일
·
0개의 댓글

[TIL] 2022/03/15

나는 항상 props가 업데이트 되고 그 props를 가지고 특정한 값을 리렌더링해야 하는 경우에는 props에 대해서 useEffect의 deps에 넣고, 그 안에서 또 다른 state를 props 값을 커스텀한 값으로 업데이트 해주는 방식으로 이러한 로직을 구현했었

2022년 3월 15일
·
0개의 댓글

[TIL] 2022/03/14

예를 들어, onClick 이벤트 등을 jsx 내부에 쓸 때 복잡한 로직의 함수를 넣는 등의 행동을 '지양'하자. jsx 내부 로직은 항상 lean하게 유지한다는 생각을 갖자.?? 무슨말일까. SPA 를 지원하는 리액트는 User의 interaction에 따라 화면을

2022년 3월 14일
·
0개의 댓글

[TIL] 2022/03/11

: 본래 state update or props 의 변동이 발생하면 해당 컴포넌트는 재실행이 되게 된다. 그렇게되면 함수 내의 모든 로직을 다시 실행하게 된다. 사실 함수는 호출할 때 함수 내의 로직을 매번 다시 실행하도록 설계됐기 때문에 이는 당연한 것이다. 하지만,

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

[TIL] 2022/03/10

: 어제도 배웠지만, index.js는 웹앱이 처음 실행되는 시점 그리고 새로고침되는 시점에서만 activate된다. 그리고 그안의 ReactDOM.render()가 항상 궁금했는데, 보통 그안의 첫번째 매개변수로 <App /> 가 오게된다. 이 때, 나는 원래

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

[React] 리액트는 선언형 개발을 지향한다.

: 위에서 말하는 선언적 방식은 흔히 말하는 '명령적 방식'이라는 프로그래밍 기법과 대비대는 방식이라고 이해하면 된다(명령형 프로그래밍 vs 선언형 프로그래밍). 그러면 리액트가 선언적 방식이라는 말은 무슨 말일까?. 보통 vanila JS를 사용해서 프론트엔드 작업을

2022년 3월 9일
·
0개의 댓글