jsx란js의 확장 문법이다 (웹 브라우저는 읽을 수 없다)js파일이 jsx코드를 포함하고 있으면 파일을 컴파일 해 주어야 한다.js의 요소들처럼 다루어 진다표현식const h1 = Hello world; →html 혹은 js 처럼 보이지만 js 파일 안에서 작동하는
routing이란?다른경로(url주소)에 따라 다른 view를 보여주눈 것React-router는 리액트 라우팅 기능을 위해 가장 많이 사용되는 라이브러리React는 따로 가지고 있지 않다(그래서 라이브러리로 구분된다)SPA가 무엇인지 설명할 수 있다.페이지가 한개인
States state let[글제목, 글제목변경] = useState([”a”, “b”, “c”]); let copy = 글제목 copy[0] = “A”; 글제목변경(copy); state 변경 함수 → 내용이 같으면 바꾸지 않는다 → array가 담긴
useEffect React는 props,state를 재료로 jsx문법을 통해 화면에 ui를 그려내는 라이브러리이다.ui를 그려낼시 props,state 외에도 데이터를 받아오거나 DOM에 직접 접근하여 기능을 구현해야 하는 경우가 있는데, 이럴 경우를 side ef
데이터에는 정적인 데이터와 동적인 데이터가 있다.동적인데이터: 백앤드로부터 받아야 하며, 지속적으로 변경되는 데이터를 뜻한다 (댓글 등)정적인데이터: 상수데이터라고도 하며, 변하지 않는 데이터를 뜻한다 (footer 등)mock data란?샘플 데이터, 실제로 api에
백엔드에서 데이터를 받아올때는
많은 로그인 api가 있지만 카카오가 제일 문서 정리가 잘 되어 있다고 해서 이번 프로젝트에는 카카오 로그인 rest api를 이용하게 되었다. 일단 전체적인 흐름을 정리하자면1.프론트엔드에서 사용자에게 로그인/동의 확인을 받은후 카카오로 인가코드를 요청2.카카오에서
링크텍스트 현재 프로젝트의 원본 사이트의 슬라이더가 위의 슬라이더와 비슷해서 활용 해 보았다. 우선 설치를 해주어야 한다. 그리고 공식 페이지에 있는 코드를 복사해서 붙여넣기 해주었다. 원래는 위와 같은 코드였는데 styledComponent를 쓰기위해서 아래
아직까지 엄청나게 편하다는 느낌을 받지 못했지만 조금 적응 된 것 같다!props로 값을 받아오거나 할 수 있지만 아직 그렇게까지 활용은 하지 못했고 이번 프로젝트때는 공통된 색깔을 theme을 활용한게 전부이다! 다음에는 조금더 다양하게 적용 해볼 수 있으면 좋겠다
처음에는 아래부분을 전부 슬라이드 마다 하나씩 타이틀 이미지등을 줘서 코드를 썼는데 생각 해보니까 모든것이 반복 되고 있고 하드코딩 그자체여서 왜 map메서드를 쓸 생각을 못했는지 의문이었다. 값으로 들어갈 부분들을 따로 백엔드에서 받아올 필요는 없을 것 같아서 moc