React : Router

✔️ React Router 설치routing은 다른 경로(주소)에 따라 다른 View(화면)를 보여주는 것을 말한다.리액트 자체에는 이러한 기능이 내장되어있지 않기 때문에 routing을 사용하기 위해서는 추가적인 설치가 필요하다. 이러한 이유 때문에 리액트는 Fra

약 18시간 전
·
0개의 댓글

React : 부모-자식 간 Lifecycle & 조건부 렌더링

순서 constructor 생성자 : 값을 초기화 render jsx를 return : 화면을 그린다. 필수. 한줄씩 실행된다. componentDidMount 실제 브라우저의 화면에 부착된 이후에 실행. 최초 render가 되고

약 19시간 전
·
0개의 댓글

React : fetch 함수를 이용한 회원가입 & 로그인 구현 (2) api 호출 테스트

작은 정보를 나의 유저 컴퓨터(브라우저)에 저장하는 방법."localStorage.setitem(“Key”, Value)”브라우저의 Console 창에서 localStorage.setItem을 설정했을 때 브라우저의 application 창에서 Local Storage

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

React : fetch 함수를 이용한 회원가입 & 로그인 구현 (1)

button에서 onClick을 눌렀을 때 fetch 함수를 사용한다 ( Method / body ) E-mail method : POST { } 사용JSON은 백엔드와 프론트엔드가 통신할 때 사용: 소통을 할 때 객체 형태로 소통을 하는게 아니라 스트링 형태로 먼저

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

React : State, Props, Event (실습) - 2. event 발생을 통한 state 변경

Event & setState > event로 state 상태 속성 변경해주기 요소에서 onClick event 발생 this.handleColor, 즉 현재 component(state)의 handleColor 함수 실행 handleColor 함수 실행 시 se

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

React : State, Props, Event (실습) - 1. state 활용

State 활용App.js : constructor에서 지정한 state 상태 속성{ color }을 render 함수의 input의 value 값에 접근하여 inline style로 받아왔다. 즉 "red" State(객체 그 자체)의 객체 속성을 이용하여 객체

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

React : component

Component : 재사용가능한 ul 단위를 일컫는다.독립적으로 재사용한 코드로 관리할 수 있다. 하나의 component에 필요한 html, css, JS를 모두 합쳐서 만들 수 있다. 독립적이고 재사용 가능한 함수function과 비슷하다.React Compo

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

React : create-react-app

Desktop - wecode 폴더 진입 cd Desktop/wecode westagram-react 프로젝트 설치 npx create-react-app westagram-react westagram-react 프로젝트 진입 cd westagram-react 로컬 서버

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

React

React는 페이스북에서 개발하고 관리하는 사용자 인터페이스(UI)를 만들기 위한 JS 라이브러리이다. 웹 어플리케이션의 발전으로 더 나은 개발유지보수를 위해 등장한 라이브러리이며, React와 같은 프론트엔드 라이브러리 혹은 프레임워크를 사용하는 가장 큰 이유 중에

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

[JS : 터미널 다루기 / Git 소개, Git을 이용한 Workflow]

command line빠르다강력하다접근성이 좋다why \*NIX(LINUX/UNIX) ?서버 시장에서의 NIX 점유율이 높음AWS 및 Azure 등에서 제공하는 서버는 대부분 NIX 계열open sourceUSEFUL COMMANDls : 파일 보기. 현재 위치한 속성

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

[JS : array, 배열개념과 APIs 총정리]

1\. Declaration ~ 배열 만들기 첫번째 ~~ 배열 만들기 두번째 ~총 길이가 2개인 배열이 만들어졌다. 0번째 index는 1이라는 value값, 1번째 index는 2라는 value값이 들어있다.array배열이 index를 기준으로 data가 저장이 되기

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

[JS : 변수의 전달, 문자열 다루기]

Javascript 에는 두가지 종류의 변수타입이 있다.(MDN 참고 https://developer.mozilla.org/ko/docs/Glossary/Primitive)primitive types 예제 reference types 예제 문자열string은

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

[HTML] Semantic Web과 Semantic Tag

1. semantic web 이란 무엇인가? semantic tag 이란 무엇인가? 우리는 궁금하거나 찾고 싶은 정보가 있을 때 구글링을 합니다. 검색엔진 사이트를 이용하여 각자가 원하는 정보를 빠르게 취득하죠. 이 검색 엔진은 로봇(Robot)이라는 프로그램을 통

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

[HTML / CSS] 레이아웃의 모든 것

relative부모 Element 지정 값. relative 박스의 위치를 아주 약간씩 top이나 right, bottom, left로 조정하고 싶을 때 사용하는 효과. 처음 놓인 위치(static: 기본 값)에서 상하좌우로 움직인다.absoluterelative(부모

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