목록개발일지 (74)
HYEWON JUNG의 개발일지
목표 강의 듣기 개념정리 2023.11.07 - [React] - styled component 작성법 장점 자바스크립트 메소드 사용 styled component 작성법 장점 자바스크립트 메소드 사용 styled components란 ? 기본의 css는 태그의 인라인으로 하거나, css파일을 따로 만들어서 구현을 했었는데js파일에서 styledcomponent를 이용하는 방법도 있다. styledcomponent는 리액트의 고유 기능은 아니고 hyewonjung-coding.tistory.com 2023.11.07 - [오류모음] - Expected an assignment or function call and instead saw an expression Expected an assignment or..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cEvZba/btsz8prKLmU/ULoSw45aAIcePdqu8rWvTk/img.png)
목표 개인과제 ui 구현하기 새로운 개인 과제 '팬레터' 요구사항 체크하기 app구조 header (title, 멤버버튼) 입력 form (input, selector, button) 멤버별 팬레터 CR 구현 팬레터 누르면 상세페이지 모달(모달은 선택사항임) 상세페이지에서 UD 구현 필수 요구사항 props drilling -> useContext -> redux 순으로 구현하기 styled-component 이용(스타일링 전부) 2023.11.07 - [React] - styled component 작성법 장점 자바스크립트 메소드 사용 styled component 작성법 장점 자바스크립트 메소드 사용 styled components란 ? 기본의 css는 태그의 인라인으로 하거나, css파일을 따로 만..
목표 리덕스 이해하기 새로 알게 된것/ 2023.11.10 - [분류 전체보기] - Redux Redux redux는 상태 관리 라이브러리라고 하는데 redux는 왜 필요한가. 장점이 3가지가 있는데 1. 리덕스를 사용하면State를 공유하고자 할때 부-모 관계가 아니여도 된다 2. 중간에 의미없이 컴포넌트를 거 hyewonjung-coding.tistory.com 2023.11.09 - [React] - component LifeCycle 생명주기 component LifeCycle 생명주기 Mount constructor a. 컴포넌트가 맨 처음 만들어 질 때 호출 b. 생성자 getDerivedStateFromProps a. 부모 컴포넌트로부터 props를 전달 받을 때, state에 값을 일치시키..
목표 하루종일 강의만 듣기 /딴길로 새지않기 스탠다드 타임어택더 빨리 많이 하기 //같은 부분에서 또 틀리지 않기 새로 알게 된것/ 개념정리 2023.11.08 - [React] - GlobalStyle, sass, css초기화 GlobalStyle, sass, css초기화 GlobalStyle GlobalStyle은 전역스타일링으로 코드 전체에 공통된css를 적용할 때 쓰인다. 적용 방식은 편하게 파일(컴포넌트)을 새로 생성해준 후 const GlobalStyle = createGlobalStyle` body{ font-family: "Helvetica", hyewonjung-coding.tistory.com 2023.11.08 - [React] - useState, useEffect, useRef u..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cll1Ky/btsz1L20IIW/5uQEWnCsJ1LhMeH9KqKblK/img.gif)
이게... 하드 코딩인가.. 기능구현은 했지만, 그 순간 뿐.. 과제 힌트를 보고 다시 해봐야지.. 지금 기능이 구현되긴 한 것.. 추가하기르 누르면 만들어지는 카드를 완료를 누르면 내용을 복사해서 Done으로 만들고 취소를 누르면 Done의 내용을 todo로 넣어서 돌리고.. 버튼마다 다 다른 기능넣고.. 대환장 코드.. 망한 코드 더보기 import React, { useState } from 'react' import './Listcard.css' function Listcard() { const [todo, setTodo] = useState([{ id:0, title: 'put title', content: 'put content' }, { id:1, title: 'put title2', con..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DEtkx/btszK6K95II/TosIk1KaZBxqge03ldDWh0/img.png)
오늘의 목표 베이직반 숙제 끝내기 개인과제 오늘의 개발, 새롭게 알게된 것 S.A 우선 필수 기능을 넣고 꾸미던가 하자. 이전 개인과제 할때 하루 종일 html이랑 css 했더니 시간도 부족하고 어차피js에서 다 무너졌었으니 최소한의 css만 하고 기능구현하기! 오늘 완성본! css는 거의 안하고 구역 표시하려고 background color만 주고 배치만 해줬다. 문제는 추가 하는 기능까지 넣어줬는데 얘가 게속 생겼다가 사라지는 것이다. ???: 그것은 제 잔상입니다만. 암만봐도 강의에서랑 다른게 없는디.. 튜터님을 찾아갔다가 회의 중이시래서 팀원분들을 소환했다.. 화면공유로 코드를 공유하고 보다가 결국 코드 전체를 대화로 보내고 저녁을 먹고 왔더니 해결법을 알려주고 계셨다. 문제코드 const add..