반응형 취미 공부/Practice6 회원가입 페이지 연습 // HTML Sign up Page ID Password Password .. 2024. 9. 24. 부트스트랩 연습 2024. 9. 24. (진행 중)_스노우_팀장님 프로젝트_FE 프로젝트 명가계부 프로젝트프로젝트 설명자신이 소비한 항목들을 리스트로 볼 수 있는 가계부 웹 어플리케이션을 만들어 봅시다.요구사항create-react-app 으로 프로젝트를 세팅합니다.다음과 같은 항목들을 form input을 통해 입력을 받습니다.이름 : string가격 : number유형 : string구입 날짜 : date메모 : string체크박스로 체크가 된 경우만 메모 input을 보여주고 값을 받습니다.재구매 의사 : boolean라디오 버튼을 통해 구현입력받은 소비 항목들은 최신 순서대로 리스트로 보여집니다.유형별 필터를 통해 유형에 맞춰 필터링된 리스트를 볼 수 있습니다.정렬 기준을 다음과 같이 가지고 정렬해 줄 수 있습니다.가격 높은 순가격 낮은 순최신 순오래된 순기간을 정해서 해당 .. 2024. 6. 14. 7주차 스노우 DAY01 팀장님 문제 - 20240617 완성 Q. 해당 상품 상세 페이지를 styled-components와 tailwindcss 를 가지고 각각 구현해보기. 문제를 푼 순서 (아직 Styled-components와 tailwindcss 적용 전!)1. 터미널을 켠다2. npx create-react-app [원하는 프로젝트 이름] ex) npx creat-react-app first-project3. 만든 프로젝트 경로로 이동한다 cd [원하는 프로젝트 이름] ex) cd first-project4. npm start 구문 터미널에 입력(4-1. visual studio에서 src 폴더 내 'components' 폴더를 생성한다)5. App.css / App.js 안의 내용을 전부 지운다=> 실행 된 리액트 app 화면은 흰색 화.. 2024. 6. 10. 이전 1 2 다음 반응형
