정육각
-
[TIL] 1차 프로젝트 기억하고 싶은 코드 2. Daum 우편번호 구현하기Develope/React 2020. 6. 22. 22:30
◎ 1차 프로젝트 정육각에서 주문하기 페이지에 우편번호 검색 기능이 있다. 구글링 해본 결과 react-daum-postcode 라이브러리를 사용하면 구현할 수 있다고 나와있어서 설치 후 정육각에 맞게 코드를 구현하였다. 1. 준비 npm install --save react-daum-postcode 2. AddressModal.js(전체적인 코드는 길기 때문에 postcode에 대한 코드만 편집해서 올림.) import React, { Component } from 'react'; import DaumPostCode from 'react-daum-postcode'; import './AddressModal.scss' class AddressModal extends Component { construct..
-
[TIL] 1차 프로젝트 기억하고 싶은 코드 1. Tab 버튼 구현하기Develope/React 2020. 6. 9. 01:14
◎1차 프로젝트 정육각에서 내가 맡은 상품 디테일 페이지에 탭 버튼 기능이 있었다. 탭 버튼 자체는 처음이라 어떻게 하는지 감이 안 와서 구글링을 해보고 그에 맞게 코드를 적용시켰다. 1. Detail.js import React, { Component } from 'react'; import Header from '../../components/Header/Header'; import Product from './Product/Product'; import TabContainer from './TabContainer/TabContainer'; import Tab from './Tab/Tab'; import Explicate from './Explicate/Explicate'; import ReviewC..