코딩을 박터지게 죽을때까지

상황 : 서울시의 문화행사를 소개하는 간단한 웹사이트 미니 프로젝트를 진행하던 중에 내 의도하고는 좀 다른 결과를 내는 트러블을 맞이했다. 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..