분류 전체보기 검색 결과

해당 글 159건
npm install 할 때 No repository field error 발생

npm install 할 때 No repository field Error 이럴 경우에는 // package.json "repository": { "type": "git", "url": "git://github.com/username/repository.git" } 를 추가하거나 // package.json { "name": "my-app", "version": "1.0.0", "private": true } 를 추가하면 정상적으로 동작한다. 위 경우 말고도 repository 를 remote 한 후, npm install 할 때마다 발생했던 에러가 있다. warning: CRLF will be replaced by LF in some/file.file. The file will have its orig..
Front-End/React 2021. 3. 5. 15:09
[React] 리덕스 사용 전 Flux 아키텍처 알아보기

Flux Flux 의 배경 FLux 는 MVC 문제 해결하는 목적으로 고안된 어플리케이션 아키텍처이다. MVC 의 문제점은 대규모 어플리케이션인 경우 MVC 가 너무 빠르고 복잡해진다는 점이다. 그렇기 때문에 코드 예측이나 테스트의 어려움, 유지보수 비용 증가 등 다양한 문제가 발생한 것이다. Flux 란 무엇일까 Flux 어플리케이션은 디스패처(Dispatcher), 스토어(Store), 뷰(View) 3가지로 구성된다. Action Action 은 중앙 저장소에 저장된 state 에 무슨 동작을 할 것인지 적어놓는 객체이다. 상태에 어떠한 변화가 필요하면 action 이란 것이 발생한다. 액션 객체에는 type 필드를 반드시 가지고 있어야 한다. 이 값을 액션의 이름이라고 생각하면 되는데 그 외의 값..
Front-End/React 2021. 2. 23. 15:12
[React] 이벤트 핸들러 네이밍

EVENT HANDLER NAMING IN REACT 리액트 공부를 하면서, 이름을 짓는 건 너무나 어려운 문제다. 앞으로는 고민할 일이 없도록 정리해야겠다는 생각이 들었다. Props props 이름을 정의할 때에는 on* 접두사를 붙여서 작성한다. 예를들면, onClick 이다. 기본적으로 제공되는 event handler naming 규칙과 일치하며, on* 은 어떠한 이벤트가 연결된다는 것을 의미한다. Function handle* 로 작성한다. 예를들면, handleClick 이다. handle* 는 이벤트가 발생했을 때 어떤 것이 호출되는지를 의미한다. 복잡한 경우의 네이밍 위의 경우보다 좀더 복잡한 경우에 네이밍(naming) 을 하는 경우에는 접두사 + 명사 + 동사 순서로 작성한다. 앞에..
Front-End/React 2021. 2. 17. 15:58
(프론트 엔드의 첫걸음) 3. 브라우저 동작 원리

브라우저(Brower) 는 현재 가장 많이 사용하는 소프트웨어이다. 최근에는 파이어폭스, 사파리, 크롬, 오페라 등이 우세하다. StatCounter 브라우저 통계에 의하면 2021년 1월을 기준으로 크롬 63.63%, 사파리 19.37%, 파이어폭스 3.65% 를 차지한다. 오픈소스 브라우저가 시장의 상당 부분을 차지하는 것이다. 브라우저의 주요 기능 브라우저의 주요기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서지만 PDF 나 이미지 등의 형태일 수 있다. 자원의 주소는 URI (Uniform Resource Identifier) 에 의해 정해진다. 브라우저는 HTML 과 CSS 명세에 따라 HTML 파일을 해석하여 표시하는데 이 명세는 웹 표준화 ..
Front-End/Etc 2021. 2. 16. 16:00
(프론트 엔드의 첫걸음) 2. HTTP 란 무엇인가?

HTTP (HyperText Transfer Protocol) 텍스트 기반의 통신규악으로 인터넷에서 데이터를 주고받을 수 있는 프로토콜이다. 이렇게 약속을 정했기 때문에 모든 프로그램이 이 약속에 맞추어 개발하여 서로 정보를 주고받을 수 있게 되었다. HTTP 동작 클라이언트 (사용자) 가 브라우저를 통해 어떤 서비스를 URL 로 통하거나 요청(request) 를 하면 서버에서는 해당 요청에 맞는 결과를 찾아 사용자에게 응답(response) 하는 형태로 동작하는 것이다. 요청 (request) : 클라이언트 (client) -> 서버 (server) 응답 (response) : 서버 (server) -> 클라이언트 (client) HTTP 특징 TCP / IP 를 이용하는 응용 프로토콜이다. HTTP ..
Front-End/Etc 2021. 2. 15. 17:36
(프론트 엔드의 첫걸음) 1. 인터넷 작동 원리

인터넷은 웹의 핵심적인 기술이다. 인터넷의 가장 기본적인 것은 컴퓨터들이 서로 통신 가능한 거대한 네트워크라는 것이다. 단순한 네트워크 2개의 컴퓨터가 통신이 필요할 때, 우리는 다른 컴퓨터와 물리적(이더넷 케이블) 또는 무선(와이파이나 블루투스) 으로 연결되어야 한다. 이러한 네트워크는 2대의 컴퓨터로 제한되지 않는다. 원하는 만큼의 컴퓨터를 연결할 수 있다. 그러나 이렇게 연결할 수록 매우 복잡해진다. 마치 이런모습처럼 말이다. 이 문제를 해결하기 위해서는 네트워크의 각 컴퓨터에는 라우터라고 하는 특수한 소형 컴퓨터에 연결해야한다. 이 라우터에는 단 하나의 작업만 있다. 컴퓨터 B 에게 메세지를 보내려면, 컴퓨터 A 가 메시지를 라우터로 보내야 하며, 라우터는 메시지를 컴퓨터 B 로 전달한다. 이 라..
Front-End/Etc 2021. 2. 15. 17:16