728x90 반응형 javascript 프레임워크6 다시 시작하는 리액트 - 리액트 실무 기초 4 - 2 4-2. Firebase - 웹의 동작 방식은? : 웹은 요청과 응답으로 굴러감. 클라이언트가 서버에게 요청, 서버가 클라이언트에게 응답. - 서버가 하는 일 : 서버가 하는 일은 엄청 많음. 데이터 관리, 분산처리, 웹 어플리케이션 돌리기 등... - 서버리스란 무엇인가? : 서버리스는 서버가 없다는 것이 아니라, 서버를 신경쓸 필요가 없다는 것을 의미. 그냥 우리에게 필요한 서버를 필요한 만큼만 빌려쓰면 됨. 이미 누군가가 구축해둔 서버의 일부분을 빌려서 사용할 수 있음. => 우리가 직접 인프라를 구축하고, 서버 스펙을 고민할 필요 없다는 얘기. - BaaS는 무엇을 빌려오는 것인가? : BaaS는 Backend as a Service의 약자. => 우리가 흔히 백엔드 하면 떠올리는 것들을 빌려오는.. 2023. 4. 11. 다시 시작하는 리액트 - 리액트 실무 기초 4-1 4-1. Keyframes keyframes는 styled-components 안에 이미 들어있음. 웹에서 애니메이션을 구현할 때는 transition과 animation이라는 스타일 속성을 많이 사용. - transition : 1. 단순한 앨리먼트 상태변화에 쓰기 좋음. 2. 효과가 일정한 시간(duration)에 걸쳐 일어남. 3. 스스로 작동할 수 없기 때문에 onClick 함수나 hover와 함께 쓰임. - animation : 1. 다이나믹한 효과를 주는데 쓰기 좋음.(transition에 비해 훨씬 구현할 수 있는 요소가 다양함.) 2. 이벤트 없이 스스로 시작, 정지, 반복을 제어할 수 있음. 3. @keyframes로 이루어져 있음.(keyframes는 animation에서 사용하는 속성.. 2023. 4. 3. 다시 시작하는 리액트 - 리액트 실무 기초 3 Quiz - Quiz_버킷리스트 상세 페이지 만들고 이동시키기 ✍버킷리스트 상세페이지를 만들고 리스트 항목을 누르면 이동시키자! 💡 버킷리스트 항목이 나오는 부분만 route로 이동시켜주세요 🙂 - 예시 답안(메인페이지 / 상세페이지) - 내가 만든 버킷리스트 퀴즈(메인페이지 / 상세페이지) bucket 리스트 항목이 나오는 부분만 라우터로 이동시키라고 했으니 내가 만들어둔 component BucketList를 Router 안으로 넣어줄 것이다. 1. 그러기 위해서 src 폴더 안에 share 폴더를 만든 후 그 안에 Router component를 만들어준다. 2. 그리고 Router component가 라우터 기능을 할 수 있도록 react-router-dom을 설치해준다. react-router-dom 설.. 2023. 3. 30. 이전 1 2 다음 728x90 반응형
