Front-End 검색 결과

해당 글 41건
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