profile
FE 개발자 poburi

HTTP Method

GET은 지정된 리소스에서 데이터를 요청하는데 사용한다./test/demo_form.php?name1=value1&name2=value2GET 요청 참고 사항:캐시 가능브라우저 기록에 남음북마크 가능민감한 데이터에는 사용 지양길이 제한이 있음수정 X 오로지 데이터를

6일 전
·
0개의 댓글

Git 프로젝트 관리 명령어 흐름

만약에 변경사항이 있으면 다시 AP-38로 돌아가서:

7일 전
·
0개의 댓글

useHistory, useLocation을 이용한 페이지 값전달

a 페이지에서 b 페이지로 이동하면서 값을 전달하고 싶을 때:====

2020년 7월 29일
·
0개의 댓글

SwitchHosts/VPN작업/VS Extension/Kibana/Rabbitmq

SwitchHostsVPN

2020년 7월 17일
·
0개의 댓글
post-thumbnail

styled-components: props

props위의 코드 한줄은 아래를 함축시킨 ES6 문법입니다.:즉, color값이 있으면 전달 받은 color를 적용하고 없으면 blue를 적용하라는 뜻입니다.<Block/>컴포넌트는 color라는 props를 전달하고 있으므로 녹색 텍스트로 블록을 만들 수 있습

2020년 7월 15일
·
0개의 댓글

styled-components: injectGlobal과 재사용

흔히 reset.css로 많이 사용했던 것 처럼 사용합니다.import styled, {injectGlobal} from "styled-components";를 추가해주면 사용할 수 있습니다.여기 <Button/>컴포넌트의 기본 스타일이 있습니다.<Ancho

2020년 7월 15일
·
0개의 댓글

styled-components: nesting

nesting으로 인해 ${Card}의 배경색상은 blue가 표시됩니다.${Card}:last-child, ${Card}:nth-child(1), ${Card}:not 등 CSS처럼 사용가능합니다.

2020년 7월 15일
·
0개의 댓글

non-fast-forward 문제 해결하기

Github 원격 저장소와 로컬 저장소 간 공통분모가 없는 상태에서 병합하려는 시도로 인한 문제.기본적으로 관련 없는 두 저장소를 병합하는 것은 안되도록 설정되어 있다.\-allow-unrelated-histories 옵션을 추가하여 관련 없는 두 저장소를 병합하도록

2020년 7월 13일
·
0개의 댓글
post-thumbnail

React 영화 서비스 만들기 -1 (axios, async, await)

API: https://yts-proxy.now.sh/list_movies.json ↪️ 출처getMovies가 비동기(async)라는 것을 알려주고, movies는 axios가 데이터를 가져올 때까지 기다린다(await).App은 render() 하면서 처음

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

ES6 객체 구조 분해 알아보기

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.리액트 로딩화면 구현시 사용된 예제:3초 후 state에 isLoading값을 false로 바꿔서 We are ready! 문구가 출력되는

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

React Life Cycle method

리액트 클래스 컴포넌트에는 render() 이외에 Life Cycle 함수를 제공한다.아래 메서드들은 컴포넌트의 인스턴스가 생성되어 DOM 상에 삽입될 때에 순서대로 호출됩니다.생성자는 this.state를 직접 할당할 수 있는 유일한 곳입니다. 그 외의 메서드에서는

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

React Class Components & State

다이나믹 데이터를 만들 때 state와 함께한다.데이터라는건 있기도하고 없어지기도하고 0이기도하고 엄청 다양한 종류의 것들임.고정적인 porps 대신 state가 필요한 이유다.그러기 위해서는 state이외에도 class 컴포넌트가 필요하다.🌐 문법:state는 가져

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

React props & Dynamic Composition Generation

prop = property!{fav} === props.favpropsprops는 argument로 가고\~\~~아빠 -> 자식배열의 각 원소에 함수를 실행해주고 그 결과값을 리턴해줌.mapmap recap리액트 내부에서 사용하기 위한 고유 값.list의 child는

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

React 컴포넌트

componet = function = html을 반환하는 함수⚠️ 컴포넌트를 작성할 때마다 import React from "react"; 꼭 써주기!src 폴더에 Test.js 파일을 새로 만들어보자.:App.js:

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

gh-pages를 이용해 Github 페이지에 배포하기

github에서 리파지토리 생성react 설치gh-pages 설치package.json 파일에 추가:package.json 파일에 스크립트 추가: 마스터브랜치깃 푸시하고 마스터브랜치 확인.npm run build 실행 빌드폴더build라는 폴더가 생겼다.index.ht

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

flex

배경 아이템간의 레이아웃 구성, 정렬, 공간 분류를 하기위한 더욱 능률적인 방법을 제공하기 위해서 나왔다. 플렉스 레이아웃의 주요 아이디어는 컨테이너가 사용 가능한 공간을 가장 잘 채우도록 (주로 모든 종류의 디스플레이 장치 및 화면 크기에 맞게) 항목의 너비/높이를

2020년 7월 2일
·
0개의 댓글

퍼블리싱 관련 영감을 받는 곳

CSS TRICKS

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

프론트엔드 개발 환경 셋업 (MAC OS)

터미널nvm iterm2 설치zsh 설치oh-my-zsh 설치 플러그인 설치~/.zshrc 파일을 열어서 플러그인을 추가한다.source ~/.zshrc 명령어를 실행하여 설정을 다시 불러온다.NVM은 Node.js의 버전을 관리하기 위한 도구다.Node.js를 편하게

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

H-index

4,4,4,4,5,5,5,5,5,6,6,6,6,6,6의 h-index값은 6이다.h번 이상 인용된 논문이 h편 이상, 나머지 논문은 h번 이하h-index가 4라고 생각한다면, 4번 이상 인용된 논문은 4편 이상이지만, 5,6회 도 인용이 되었으므로 h번 이하에는 조건

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

가장 큰 수

0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요.예를 들어, 주어진 정수가 6, 10, 2라면 6102, 6210, 1062, 1026, 2610, 2106를 만들 수 있고, 이중 가장 큰 수는 6210입니다.0 또는 양

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