profile
개발노예

Next js Deploy

깃헙 통해 무료 배포하기

1일 전
·
0개의 댓글

퍼블리셔와 프론트엔드

관련블로그출처

2020년 10월 9일
·
0개의 댓글

moment.js Library 사용법

모멘트.js

2020년 10월 6일
·
0개의 댓글

NEXT.js의 Router

또는이동 URL 주소와 주소창에 보여주고 싶은 주소를 as에 적는다

2020년 10월 6일
·
0개의 댓글
post-thumbnail

CSR과 SSR이란

SPA가 사용하는 Rendering방식은 CSR이고, MPA가 사용하는 Rendering방식은 SSR인 것인가? 그렇지 않다.SPA는 서버로부터 처음에만 페이지를 받아오고 이후에는 동적으로 DOM을 구성하여 Rendering 되는 화면이 바뀌게 한다.바로 여기서 “동적

2020년 10월 6일
·
0개의 댓글

CSS 배경이미지 설정

가장 밖에 전체화면 이미지를 설정 후inner에 투명도를 설정한다.

2020년 10월 5일
·
0개의 댓글

Tag 사이 공백 오류

https://www.inflearn.com/questions/26495https://stackoverflow.com/questions/44937653/react-children-only-expected-to-receive-a-single-react-

2020년 10월 4일
·
0개의 댓글

Git PR 정리

처음으로 해야 할 것상대방 레파지토리 Fork or Clone원격 저장소 확인원격 저장소 등록이 안돼 있으면 추가작업 중 수정사항들 내 레파지토리에 저장상대방 레파지토리를 Fetch or Pull 하기하는이유는 상대 레파지토리를 불러와 내 작업물과 비교를 한다.비교 후

2020년 10월 1일
·
0개의 댓글
post-thumbnail

React Native VSCode로 실행 해보자

기본적인 설정은 리액트 네이티브 설정링크에서 참고한다.amd cpu 사용자는 추가 설정을 해줘야 한다.윈도우의 '프로그램 및 기능' 으로 들어가'윈도우즈 기능 켜기/끄기'로 들어간다.1.HYPER-V2.Windows 하이퍼바이저 플랫폼3.가상 머신 플랫폼세 가지를 클릭

2020년 9월 21일
·
0개의 댓글

vsc 터미널 추가방법

출처 : https://ksshim86.github.io/etc/post-etc-vscode-terminal-tip/출처 : https://marketplace.visualstudio.com/items?itemName=Tyriar.shell-launc

2020년 9월 20일
·
0개의 댓글

React, State

리액트에도 생명주기가 있다.마운트contructor()render()componentDidMount()업데이트render()componentDidUpdate()마운트 해제componentWillUnmount()constructor의 state가 초기화 된다render(

2020년 9월 20일
·
0개의 댓글

Spread Operator

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntaxhttps://jeong-pro.tistory.com/117

2020년 9월 20일
·
0개의 댓글

Router

SPA의 라우팅 문제를 해결하기 위해서 표준 처럼 사용 되고있는 네비게이션 라이브러리이다.React Router의 핵심 컴포넌트Link, Route, Router(BrowserRouter), SwitchBrowserRouter history api를 사용해 url과 u

2020년 9월 20일
·
0개의 댓글
post-thumbnail

Redux

컴포넌트 state 관리component A B C 의 state가 각자 있고A 할아버지 B 아버지 C 아들A가 C의 state를 변경 또는C가 A의 state를 변경하기 쉽게 하기 위해 리덕스사용react-redux의 함수로useSelector는 리더스 스토어의 상태

2020년 9월 20일
·
0개의 댓글

Immer

객체 연산자를 수정하기 위해서 speard 연산자를 사용하지만사용방법이 매우 불편하여 immer라이브러리를 사용한다.사용법은 간단하다.

2020년 9월 20일
·
0개의 댓글

Literal

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

2020년 9월 20일
·
0개의 댓글

Optional Channing

null 이거나 undefined인지 체크해준다.await과 비슷하다출처 : https://velog.io/@krlrhkstk/%EC%98%B5%EC%85%94%EB%84%90-%EC%B2%B4%EC%9D%B4%EB%8B%9D%EA%B3%BC-await%EC%

2020년 9월 20일
·
0개의 댓글

React Hooks

hook은 컴포넌트에서 state와 생명주기 기능? 을 연동 해주는 함수이다.class안에서 동작 하지않고 class없이 리액트를 사용할 수 있게 해준다(이미 짜놓은 코드 재작성하는 것 권장X)useState는 Hook이 제공하는 하나의 라이브러리 입니다.count라는

2020년 9월 20일
·
0개의 댓글

Fork, Merge, PR

Fork 후 git cloneorigin-프로젝트이름 original 주소파일 생성 완료된 후외부 저장소 최신 가져오기출처 : https://brownbears.tistory.com/4661 단계 : $ npm cache clean --force2 단계 : n

2020년 9월 20일
·
0개의 댓글

getInitialProps

서버로부터 동적인 데이터를 가져오는 방법중 getInitialProps이 있다.getInitialProps 는 컴포넌트디드마운트,컴포넌트윌마운트 같은 라이프사이클의 일종으로 넥스트가 임의로 추가해준 라이프 사이클이다.getInitialProps은 어떤 작업보다도 최초로

2020년 9월 20일
·
0개의 댓글