CodeCamp TIL 12 03.29 1. 알림창 꾸미기 ⇒ Modal 2. 주소, 우편번호 검색 ⇒ React-Daum-Postcode 조건부 랜더링으로 유튜브 url를 선택적으로 보여주기로 상세페이지에 작성함 조건부 렌더링과 true, false를 밑에서 나올 prev를 사용해서 줄임으로써 리팩토링 할 수도 있다. Modal에 그냥 인풋을 넣는게 아니라 react-daum-postcode를 활용해서 주소, 우편번호 검색 모랄... 구조분해할당CodeCampmodalprevStatereact-daum-postcodedestructuring assignmentCodeCamp [TIL] 10월 18일 Callback,promise,async/await Callback? Api문서를 찾아보거나, 개념적인 내용을 찾아볼때 Callback 함수란 말을 많이 접할수 있게된다. Callback 함수의 의미는 크게 2가지 이다. 다른 함수의 인자로 이용되는 함수 이벤트에 의해 호출되는 함수 다른함수의 인자로 인용될때 다른함수의 인자로 들어갈때의 예시는 아래와 같다. add 란 함수의 인자로 callback이란 함수가 들어가 있고 함수 내부에서 cal... CodeCampCodeCamp [TIL]9월 30일 검색(Lodash Debounce) 자유게시판, 물품판매게시판, 커뮤니티 대부분의 게시글을 사용하는 사이트들은 모두 검색기능을 지원하고 있다. 설정에 따라서 제목만 검색하거나, 내용만 검색하거나 제목 + 내용을 검색하거나 아니면 복잡한 필터를 사용해 검색하는 경우도 있다. 기본적인 검색기능 검색기능 전체코드 검색기능 구현을 위해서는 물품 리스트가 필요하기 때문에 fetchBoards를 이용해서 가져온 물품을 뿌려준다. 그후 o... debouncelodashCodeCampCodeCamp [TIL] 9월 8일 파일의 컴포넌트화 기존에 폴더구조를 (container/presenter ) 구조로 변경한 내용을 기반으로 실습을 하였다. 하나의 페이지로 2개의 페이지 만들기 (등록하기, 수정하기) 기존 포트폴리오 과제에서 등록하기 페이지를 구현했다. 이페이지와 동일한 레이아웃을 가지고 있는 수정하기 페이지를 하나더 만들어야 한다. 먼저 등록하기 페이지의 폴더구조를 보면 src>components>commons>units>... CodeCamp코드캠프CodeCamp 06. 실무형 폴더구조 와 props container / presentational 패턴이란 소스코드를 Javascript(기능)와 HTML(UI)로 나누는 방법을 의미합니다. Container 는 Javascript Presenter 는 HTML 위의 내용을 두개의 파일로 나누면 이렇게 됩니다. 세부 내용은 이렇게 됩니다. 부모 자식 컴포넌트의 관계에서 props는 밑으로 event는 위로 전달하는데 부모는 props를 통해... CodeCampCodeCamp 210914 코드캠프 12일차 여태까지 알람창(alert)를 사용해왔는데 모달을 사용하면 예쁘게 띄줄수 있다. 모달 기능을 사용하기위해서는 AntD 설치후 import 해줘야한다! 모달 Docs에서 설정 등을 적용시켜줘야 한다. 📔 비밀번호 모달창 띄우기 모달을 쓰기위해 import 해주기 isModalVisible은 모달이 켜고 꺼지기 myPassword는 비밀번호 입력을 위한 변수 모달 창 켜기 끄기 변수 html 써... CodeCampTILCodeCamp
TIL 12 03.29 1. 알림창 꾸미기 ⇒ Modal 2. 주소, 우편번호 검색 ⇒ React-Daum-Postcode 조건부 랜더링으로 유튜브 url를 선택적으로 보여주기로 상세페이지에 작성함 조건부 렌더링과 true, false를 밑에서 나올 prev를 사용해서 줄임으로써 리팩토링 할 수도 있다. Modal에 그냥 인풋을 넣는게 아니라 react-daum-postcode를 활용해서 주소, 우편번호 검색 모랄... 구조분해할당CodeCampmodalprevStatereact-daum-postcodedestructuring assignmentCodeCamp [TIL] 10월 18일 Callback,promise,async/await Callback? Api문서를 찾아보거나, 개념적인 내용을 찾아볼때 Callback 함수란 말을 많이 접할수 있게된다. Callback 함수의 의미는 크게 2가지 이다. 다른 함수의 인자로 이용되는 함수 이벤트에 의해 호출되는 함수 다른함수의 인자로 인용될때 다른함수의 인자로 들어갈때의 예시는 아래와 같다. add 란 함수의 인자로 callback이란 함수가 들어가 있고 함수 내부에서 cal... CodeCampCodeCamp [TIL]9월 30일 검색(Lodash Debounce) 자유게시판, 물품판매게시판, 커뮤니티 대부분의 게시글을 사용하는 사이트들은 모두 검색기능을 지원하고 있다. 설정에 따라서 제목만 검색하거나, 내용만 검색하거나 제목 + 내용을 검색하거나 아니면 복잡한 필터를 사용해 검색하는 경우도 있다. 기본적인 검색기능 검색기능 전체코드 검색기능 구현을 위해서는 물품 리스트가 필요하기 때문에 fetchBoards를 이용해서 가져온 물품을 뿌려준다. 그후 o... debouncelodashCodeCampCodeCamp [TIL] 9월 8일 파일의 컴포넌트화 기존에 폴더구조를 (container/presenter ) 구조로 변경한 내용을 기반으로 실습을 하였다. 하나의 페이지로 2개의 페이지 만들기 (등록하기, 수정하기) 기존 포트폴리오 과제에서 등록하기 페이지를 구현했다. 이페이지와 동일한 레이아웃을 가지고 있는 수정하기 페이지를 하나더 만들어야 한다. 먼저 등록하기 페이지의 폴더구조를 보면 src>components>commons>units>... CodeCamp코드캠프CodeCamp 06. 실무형 폴더구조 와 props container / presentational 패턴이란 소스코드를 Javascript(기능)와 HTML(UI)로 나누는 방법을 의미합니다. Container 는 Javascript Presenter 는 HTML 위의 내용을 두개의 파일로 나누면 이렇게 됩니다. 세부 내용은 이렇게 됩니다. 부모 자식 컴포넌트의 관계에서 props는 밑으로 event는 위로 전달하는데 부모는 props를 통해... CodeCampCodeCamp 210914 코드캠프 12일차 여태까지 알람창(alert)를 사용해왔는데 모달을 사용하면 예쁘게 띄줄수 있다. 모달 기능을 사용하기위해서는 AntD 설치후 import 해줘야한다! 모달 Docs에서 설정 등을 적용시켜줘야 한다. 📔 비밀번호 모달창 띄우기 모달을 쓰기위해 import 해주기 isModalVisible은 모달이 켜고 꺼지기 myPassword는 비밀번호 입력을 위한 변수 모달 창 켜기 끄기 변수 html 써... CodeCampTILCodeCamp