uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 숙련강의- React 미니 과제- UX집중반 오늘은 어떤 것을 배웠나요-React 숙련강의미니과제에 필요한 강의가 아직 전 강의를 못들어서 일단 노션자료와 그외 검색으로 공부를 먼저 하였다. react-router-dom를 배웠다. 1.사용방법yarn add react-router-dom 터미널에 패키지설치 2.이동시킬 페이지 컴포넌트생성후 안에 내용을 채운다.ex) cafe.jsx , webtoon.jsx 3.우리가 만든 페이지 컴포넌트로 이동하게끔 컴포넌트를 만든다Router.jsx를 생성후 아래 코드 입력import React from "react";import { BrowserRouter, Route, Routes } ..

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 숙련강의- React 미니 과제- UX집중반 오늘은 어떤 것을 배웠나요-React 숙련강의styled componet를 배웠다 정말 간략해서 요약해보았다. 이것만 알면 개념이나 사용하는데 충분한것 같다. 순서 요약 정리 1.styled-component 정의: ${(props) => props.속성명} 형태로 props 활용. 2.props 전달: styled-component를 사용할 때 JSX에서 props를 전달.styled-component사용하는이유 css줄때 1. 조건에 따라 스타일을 바꿀수있다. 2. 고유한 클래스이름 자동생성해주어서 충돌방지해줌 3.별도의 .css파일을 생성하지 않아도 된다. 4.기존의 만들어놓은..

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 입문 2주차 마무리- UX집중반 오늘은 어떤 것을 배웠나요-React 입문 2주차 오늘은 입문2주차에서 익혀야할것들인 state와 props를 잘 이해가 안가 다시 한번 복습하는 차원으로 다시 복습을 하였다. 그래서 진짜 중요한것들은 다시 한번 적어놓고 외웠다. state 사용용도1.자주 변경될것같은곳에 사용하기2.굳이 한번 정하고 자주 변경이 안될것같으면 함수로 사용하기 state 변경방법 및 이벤트핸들러 와함께 사용방법 1.클릭시 뭔가 실행하고 싶으면 onClick={함수} 이렇게 이벤트 핸들러를 달아서 사용합니다. 2.. state를 변경하려면 state 변경함수를 꼭 이용하자state변경함수는 ( ) 안에 입력한걸로 기..