- 전체보기(131)
- 알고리즘(75)
- JavaScript(50)
- 1일1커밋(17)
- web(15)
- nodejs(11)
- React(11)
- FE(9)
- Boilerplate(8)
- mongodb(7)
- 자바스크립트(7)
- server(7)
- expressjs(6)
- project(5)
- 빗썸아카데미(3)
- 라이브러리(3)
- 프레임워크(3)
- Token(2)
- npm(2)
- 역량 한계 극복법(2)
- 클린코드(2)
- 동적 타입 언어(2)
- 개발 몰입 과정(2)
- 정적 타입 언어(2)
- webpack(2)
- promise(2)
- github(2)
- cookie(2)
- git(2)
- JWT(2)
- 엔지니어의 성장(2)
- Blocking(1)
- non blocking(1)
- cache Hit(1)
- depoly(1)
- 비동기(1)
- &&(1)
- ESLint(1)
- Prettier(1)
- ip(1)
- tcp(1)
- logout(1)
- https(1)
- Node(1)
- REST API(1)
- json(1)
- protocol(1)
- 협업 방법(1)
- Angular(1)
- bcrypt(1)
- State(1)
- this(1)
- Asyncronous(1)
- CSS(1)
- semantic(1)
- 토크콘서트(1)
- SSR(1)
- type(1)
- 화살표 함수(1)
- Functional Component(1)
- spa(1)
- express(1)
- HTTP/1.1(1)
- babel(1)
- login(1)
- Props(1)
- session(1)
- Cache Miss(1)
- html5(1)
- typescript(1)
- ECMA(1)
- cors(1)
- 토크 콘서트(1)
- hooks(1)
- unit test(1)
- 상태코드(1)
- http/1.2(1)
- API(1)
- http(1)
- bind(1)
- Same Origin Policy(1)
- REST(1)
- 요청 메서드(1)
- Cache(1)
- yarn(1)
- 브라우저(1)
- vue(1)
- Class Component(1)
- TDD(1)
- client(1)
- 2021 오픈소스 컨트리뷰톤(1)
- LRU(1)
- ts(1)
- async await(1)
빗썸아카데미[프론트앤드] - React life-cycle & SPA & bind
다른 문서에서 참조할 때 필요constructor (초기 생성)자동 호출이 된다.컴포넌트 생성자 함수로 컴포넌트가 새로 만들어질 때 마다 호출됨constructor(){super();}생성자 안 state 선언할 때 this 사용componentWillMount() (
빗썸아카데미 [프론트앤드] - state & props & 화살표 함수
화살표함수 이름 = (parameter) => {내용}변수 이름을 이벤트 연결static 값 유지this.props 로 값 전달state 상태로 setState()로 값 변경 state나 props에 있는 것은 주로 const로 변수 지정props, state를 상수라
빗썸아카데미[프론트앤드] - React 수업
빗썸 아카데미 1일차 수업 정리 입니다.🌷App.js(웹 동작 처리) -> index.js(public/index.html 문서 연결) -> index.html (View/웹 브라우저에 뿌려주는 역할)jsx -> html tag로 보지 않는다. tag를 열고 닫고를
Javascript 의 비동기 기술
오늘은 어렵고 어려운 비동기에 대해서 알아본다!🐹 1. 동기와 비동기란? 동기란? 요청을 보내고 결과를 받을 때까지 다음 요청을 대기한다. 요청을 순차적으로 처리한다. 비동기란? 비동기는 동기와 다르게 요청이 끝나지 않아도 다음 요청을 실행하는 것이다. 데이터를
Class Component vs Functional Component
오늘은 Class Component 와 Functional Component 에 대해서 비교한다.🔥 Class Component class component는 state를 이용해서 상태를 나타낸다. component lifecycle 에 정의된 메서드를 이용해서 순
Typescript 에 대해서
오늘은 typescript에 대해서 정리한다!타입 스크립트는 개발자 설문조사에서 가장 좋아하고 관심있는 프로그래밍 언어 2위에 올랐다.Typescript는 javascript 기반으로 하는 오픈소스 언어이다.Typescript는 자신이 원하는 타입을 정의하고 프로그래밍
.png)
[개발 몰입 과정] - 2주차
2주차 과제 입니다.🌷개발 몰입 과정 - 2주차HTTP 내용 부시기🔥Client & ServerCookie 🍪 & SessionESlint + Prettier브라우저 동작 방법CSS LayoutWebpack & BabelReact / Vue / Angular
React / Vue / Angular
Front-end 의 프레임워크에는 대표적으로 3개의 프레임워크가 있다.React / Vue / Angular3가지 프레임워크를 비교한다!React는 사용자 인터페이스를 만들기 위한 Javascript 라이브러리이다. React의 특징으로는선언형컴포넌트 기반한번 배우면
Webpack & Babel
웹팩은 모듈 번들러이다. 브라우저가 이해할 수 있도록 리액트 코드로 변경해주는 역할을 한다.모듈을 여러개로 나눠서 작업하면 코딩하기가 매우 편리하다. 하지만 많은 모듈을 남발할 경우 네트워크 낭비를 유발할 수 있다. 여러개의 파일을 묶어서 하나의 파일로 만든 뒤, 보낼
ESlint + Prettier
코드의 가독성을 높이고 오류와 버그를 제거하기 위해 생긴 도구이다. ECMAScript 코드에서 문제점을 검사하고 더 나은 코드로 정정하는 린트 도구이다.
Cookie 🍪 & Session
오늘은 쿠키와 세션에 대해서 정리합니다🌷HTTP의 일종이다. 웹사이트를 이용하는 사용자의 정보를 저장할 수 있는 저장소이다.클라이언트의 PC에 저장하고 정보를 다시 사용할 수 있다.만료일이 있다.이름/ 값/ 만료일/ 경로 정보로 저장되어 진다.클라이언트 당 300개의
2018 KAKAO BLIND RECRUITMENT - [1차] 셔틀버스
08.10에 푼 문제입니다🌷\[1차 셔틀버스](https://programmers.co.kr/learn/courses/30/lessons/176781\. 버스 시간표를 분단위로 bustime에 push한다.2\. 크루들도 분단위로 바꾸고 정렬한다.3\. 콘은
Client & Server
Server와 Client가 무엇인지 알아보자!🌷client는 웹을 통해 서비스를 요청하는 컴퓨터이며 프로그램이다. 사용자가 웹에 접근할 때 사용되는 시스템이다. 브라우저 같이 클라이언트 프로그램은 사용자가 웹을 통해 요청할 수 있게 하는 프로그램이다.Server는
프로그래머스 - 순위 (플로이드 와샬 알고리즘)
08.07에 푼 문제입니다🌷순위 플로이드 와샬 알고리즘으로 접근해야 하는 문제이다.플로이드 와샬 알고리즘은 a->b로 가는 길이 a->mid->b로 가는 길보다값이 더 클때 a->b로 가는 길의 최단 거리는 a->mid->b