profile
Front-End 개발자가 되는 꿈을 꾸는ing

React Hook

기존 React에서 Hook은 16.8부터 추가되었다.Hook은 기존의 Class 바탕의 코드(Class Component)를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있게 도와준다.선택적 사용 : 기존의 코드를 다시 작성할 필요 없이 컴포넌트

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

React Refs

React로 웹 애플리케이션 개발도중 React 컴포넌트가 아닌 DOM 노드 혹은 React 엘리먼트에 접근해야 할 경우가 있다.Ref는 render메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공한다.React에서 부모와 자식 컴포넌트간에 상

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

React LifeCycle

https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/리엑트는 다음과 같은 라이프 사이클을 갖고 있다.이 중 shouldComponentUpdate, getDerivedStateFromProps, get

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

JavaScript 이해하기 -1

자바스크립트는 이벤트 기반 언어이다. 즉 명령을 수행하는 과정에 있어, 다음 명령어를 실행하기 전 이전 명령어의 응답을 기다리지 않는다.\-> 비동기 처리자바스크립트에서 함수는 object이다. 따라서 함수는 다른 함수의 인자로, 어떤 함수에 의해 리턴 될 수도 있다.

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

JSX

JSX란 JavaScript를 확장한 문법이다.UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용된다.다음과 같은 HTML 코드는 아래와 같은 버튼을 생성한다.하지만 이 구문이 JSX 안에서 쓰인다면 다음과 같은 오류를 보인다.이는 JSX에서는 속성의 값

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

HTML Form & 유효성 검사

w3school에서 HTML Form을 다음과 같이 정의 한다.An HTML form is used to collect user input. The user input is most often sent to a server for processing.즉 HTML은 유저

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

Browser & Hosting

웹 브라우저란 웹 서버에서 이동하며(Navigate) 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어 이다. ex) 크롬, 사파리, 엣지, 파이어폭스 등각 브라우저는 서로 다른 데이터 해석 방식을 갖는다. 개발자는 브

2021년 11월 28일
·
0개의 댓글
post-thumbnail

Internet

컴퓨터로 연결하여 TCP/IP (Transmission Control Protocol/ Internet Protocol)라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크 이다인터넷에서 컴퓨터들이 서로 정보를 주고받는데 쓰이는 통신규약(Protocal)두 대

2021년 11월 28일
·
0개의 댓글
post-thumbnail

Vue 컴포넌트

Vue의 Main 기능 중 하나기본 HTML 엘리먼트를 확장하여 재사용이 가능한 코드를 캡슐화 하는데 도움을 준다Vue 컴포넌트 = Vue 인스턴스, 즉 모든 옵션 객체를 사용할 수 있고 라이프 사이클 훅을 사용할 수 있다그래서 컴포넌트를 왜? 언제 쓰는데?Vue에서는

2021년 11월 21일
·
0개의 댓글
post-thumbnail

MVVM Pattern

디자인 패턴이란 공통적으로 발생하는 문제에 대해 재사용 가능한 해결책이다. 소스나 코드로 바로 사용 가능한 완성된 디자인이 아닌 상황에 맞게 사용되어 문제를 해결하는데 쓰이는 서술이나 템플릿이다.디자인 패턴은 최고의 개발자들이 만들어낸 솔루션이다. 오랫동안 사용되었고,

2021년 11월 7일
·
0개의 댓글
post-thumbnail

Instance Lifecycle

모든 Vue 앱은 Vue 함수로 새 vue인스턴스를 만드는 것부터 시작한다.Vue는 엄격히 말하면 MVVM pattern과는 연관이 없지만, 디자인은 부분적으로 영향을 받았다.MVVM pattern은 따로 알아보기로 한다.Vue 인스턴스가 생성 될 때는 option 객

2021년 11월 6일
·
0개의 댓글
post-thumbnail

Callback vs Promise vs async & await

각각의 함수가 어떻게 등장하였고, 어떤 이점을 갖는지, 어떻게 쓰는지 확인하기 전에 비동기 처리의 개념을 짚고 가자.동기(Synchronous)와 비동기(Asynchronous)는 프로세스의 수행 순서 보장에 대한 메커니즘 이다.동기(Synchronous)란 무엇일까?

2021년 11월 6일
·
0개의 댓글
post-thumbnail

Vue.js

사용자 인터페이스를 만들기 위한 Progressive Framework다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다!현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있다https://2020.s

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