장기현장실습
띵동 이슈 #373 (푸드테크 등 외부 POS 정보 작성 및 저장 기능 추가)
기존 코드를 보고 수정해보며 해결방안 모색
- 하고 싶은 것
- 관리자가 option(푸드테크, 만나플래닛, 기타 등)을 선택하고 ‘조회’ 버튼을 클릭했을 때, option마다 input UI를 다르게 보여주고 싶음
- 생각한 해결 방안
- 관리자가 선택한 option을 value: string으로 받아와서 onChange해주면 될 것 같음 (useState set함수(value) 설정)
- onChange로 인해 변수 값이 저장되어 있을 테고, 조회 버튼을 클릭했을 때 그 변수가 푸드테크라면 이런 UI를 띄워주고, 그 변수가 만나플래닛이면 저런 UI를 띄워주고,,, 하는 로직으로 구성하고자 함 (이런 경우가 2가지 이면 삼항 연산자를 사용해서 UI를 나타내면 된다고 생각.. 근데 지금은 3개 이상의 상황이기 때문에 다른 방법이 필요할 것 같음)
- 문제점
- Select 컴포넌트가 로그인여부를 따지는 것 같아서 로그인 여부와 관련된 코드를 지우면 팝업안에 계속 로그인하는 파트너스 메인화면이 나타남
프론트엔드 개발환경 학습하기
프론트엔드 개발환경의 이해와 실습 (11/39)
[인프런] 프론트엔드 개발환경의 이해와 실습 (자주 사용하는 로더)
로더 중에서 자주 사용하는 로더에 대해 알아보고 직접 사용해보자. 자주 사용하는 로더 css-loader css-loader를 사용하면 자바스크립트에서 CSS 파일을 import 구문을 통해 모듈로 불러올 수 있다. 그
dass-develop.tistory.com
'TIL' 카테고리의 다른 글
# 211012 TIL (0) | 2021.10.13 |
---|---|
# 211008 TIL (0) | 2021.10.12 |
# 211006 TIL (0) | 2021.10.07 |
# 211005 TIL (0) | 2021.10.06 |
# 211001 TIL (자바스크립트 비동기처리, lodash ...so on) (0) | 2021.10.05 |