| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 2번째
- 오랜만의회고
- styled-component
- react-naver-map
- Promise
- State
- WIL
- UI컴포넌트설계 고민
- 이미지로딩실패
- 프로젝트회고
- thunk정리
- 두번째포스팅
- css-in-js 버그
- RCC
- 항해99
- 언어학습2일차
- prop 'className' did not match
- til
- RSC
- getElements
- 트러블슈팅
- 컴파운드패턴 연습
- 함수형업데이트
- props
- 유사이터럴객체의차이
- react
- redux
- nextjs13
- 설치 및 구조파악
- useState
- Today
- Total
목록useState (2)
코딩을 박터지게 죽을때까지
상황 : 서울시의 문화행사를 소개하는 간단한 웹사이트 미니 프로젝트를 진행하던 중에 내 의도하고는 좀 다른 결과를 내는 트러블을 맞이했다. 1. Boolean 타입의 state인 updateMode를 가지고 있는 컴포넌트 생성(true or false) 2. 'updateMode' 가 true일때는 input 보이고, false일때는 같은 자리에 input이 아닌 div가 보이게 끔 코딩했다. 3. 즉 state의 상태에 따라서, 편집기능을 넣고 싶었던 것. 4. 수정모드가 되면 div에 있던 Text들이 전부 input 안에 기본값으로 들어가야 하는 상황 .... 제목 { updateMode ? setTitle(e.target.value)} minLength={5} required /> : {data...
Styled-Component sass 는 css를 편하게 하기 위해 만들어졌다. styled-Component는 이걸 채용해서 사용중. 컴파일러가 css로 변환시켜주기때매 브라우저에서 인식 가능. 스타일드컴포넌트(이하 SC)의 기본적인 원리는 꾸미고자 하는 컴포넌트를 SC의 방식대로 먼저 만들고, 그 안에 스타일 코드를 작성하는 방식. css 모듈(scss), 현업에선 이놈을 제일 많이 쓰는 듯 하다. 모듈을 걸어주고 컴포넌트 별로 모듈파일 하나씩 묶어주면 협업시에 다른 개발자의 css파일에서 이름이 겹쳐도 그냥 해당 컴포넌트에 해당하는 모듈파일이 적용됨. Styled-Component Theme Provider - 공통적인 스타일 속성을 저장해서 쓸수 있게 함 import { ThemeProvider..