profile
끄적 끄적

javasciprt 차트라이브버리 종류

AmCharts링크 : https://www.amcharts.com/예제 : http://www.amcharts.com/demos/유료 라이센스 이지만 조건부 무료HighCharts링크 : https://www.highcharts.com/am

2022년 5월 26일
·
0개의 댓글
post-thumbnail

오늘 끄적

component -> 전체에서 공통으로 사용하는 것관심사 분사-> 한 router 페이지 에서 쓰는 부분은 같이 정리 이코드를 이렇게 변경 할 수 있다.click 받는것은 다 버튼javascript number100_100_100<- 보기 편함 npx story

2022년 5월 24일
·
0개의 댓글

Dayjs 사용법

날짜 및 시간 더하기 빼기 - add(), subtract()day.js에서 지원하는 함수 일부를 기록 해봤다.https://day.js.org/en/더 자세한 사항은 공식문서를 읽어보시길 바랍니다.

2022년 5월 23일
·
0개의 댓글

오늘 끄적.

함수는 겹치면 안된다... useQuery'함수명', 키워드read.me 좀 더 자세하게 한곳에서만 쓰는것은 컴포넌트로 빼지 않는다.inline 태그는 용도에 맞게!postmen: API 확인 swwager: Node 라이브러리javascript 0.1 + 0.2 =

2022년 5월 22일
·
0개의 댓글
post-thumbnail

react-app 구조

\-들어가며-항상 reat-app 프로젝트를 생성하면서 파일 구조를 어떻게 해야 좋을지 결정하기가 힘들었다.지금보다 더 나은 앱의 아키텍처를 구성하기 위해서 react를 사용하는 app의 대표적인 뱅크샐러드 홈페이지의 파일 구성을 보며 앞으로의 프로젝트에서 적용해 볼

2022년 5월 21일
·
0개의 댓글

node.js 로 서버 생성하기

클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 프로그램(server program) 또는 장치(device)를 의미한다.(나무 위키)간단히 말해서 요청을 처리해줄 수 있는 기계이다.ex) 내가 네이버 웹툰 페이지를 요청하면 네이버 서버

2022년 5월 21일
·
0개의 댓글
post-thumbnail

recoil

react를 사용 할때 다들 이러한 경험이 있을 것이다 1.부모 컴포넌트에서는 props 가 필요없지만 2.자식 컴포넌트에서 필요한 값을 위해서 0.조상 컴포넌트에서 1.부모를 거처서 2.자식컴포넌트로 props를 넘기는 경우를 이러한 경우 때문에 상태관리를 위한 여러

2022년 5월 18일
·
0개의 댓글
post-thumbnail

React CORS 에러 해결

Client 에서 Server로 API 통신 을 했을 때 이러한 에러가 발생하는 경우가 있습니다.Cross Origin Rescource Sharing의 약자로 현재 어플리케이션의 도메인에서 다른 웹페이지 도메인으로 리소스가 요청되는 경우를 나타냅니다.윗 이미지로 예시

2022년 5월 16일
·
0개의 댓글
post-thumbnail

GitHub Pages에 React App(SPA) 호스팅

사전 react-create-app으로 먼저 프로젝트를 생성하고 진행합니다.gh-page 설치package.json 수정서버 배포github의 프로젝트에 gh-pages branch 가 현재 repository 추가 된 것을 보실 수 있을겁니다.윗 상태로 단순히 호스

2022년 5월 15일
·
0개의 댓글

React .env 사용

.env: 기본.env.local: test환경 외에 모든 환경에서 로드됨.env.development: 개발환경 /npm start로 실행할 떄.env.test: 테스트 환경 / npm test로 실행할 떄.env.production: 배포 환경 / npm run b

2022년 5월 12일
·
0개의 댓글

끄적 끄적

제출 기한 -> 마지막 하루는 정리하는 시간으로 코드가 많으면 150 줄이상이면 보기가 힘듬 localStorage 관연 라이브러리https://www.npmjs.com/package/store-js검색창 앤터 기능 구연 방법 check기본으로 제공하는 ale

2022년 5월 9일
·
0개의 댓글
post-thumbnail

git 원격 저장소 삭제 방법

GitHub에서 원격저장소와 연결된 계정, 사용자를 변경해야 할 경우 remote origin 브랜치 그룹을 삭제해야 합니다.기존 브런치 확인 후 삭제 명령어

2022년 5월 9일
·
0개의 댓글

react-router-dom (1)

react-router react-router-dom v6 기준으로 router 사용법이 작성되었습니다. react-router-dom v5 전과 다른점이 있으니 참조하세요 설치 방법

2022년 5월 9일
·
0개의 댓글

useEffect

useEffect는 어떤 컴포넌트가 마운트, 업데이트, 언마운트를 관리하고 싶을 때 사용합니다.

2022년 5월 8일
·
0개의 댓글

text-transform

여태 영어 문자를 첫 문장만 대문자로 만들기 위해서 javascript 코드를 써왓다... 간결한 text-transform 만 사용한다면 첫 문장을 바로 대문자로 바꿀 수 있었다... text-transform에 대하여 알아보자!!이 적용 함수가 이럴수가!css 한줄

2022년 5월 6일
·
0개의 댓글

2022.05.06

classnames 라이브러리 추가github깃은 정말 중요한거 같다. 팀원들과 각자 branch를 merge하는 과정에서 엄청 많은 충돌을 만날 수 있었다. 다시 한번더 git 공부의 필요성을 느꼇다.

2022년 5월 6일
·
0개의 댓글
post-thumbnail

PropTypes

PropTypes린터로 인하여 컴포넌트에 매개 변수를 주려면 type을 지정 해줘야 한다우선 typescript를 사용하지 않아서 prop-type 라이브러리를 이용 했다.설치 방법prop-types 적용 예제대화형 HTML 이벤트 핸들러.기존에 하던 방식으로 li 요

2022년 5월 5일
·
0개의 댓글

Today i learned Day-1

검색이 잘되는 사람이 되자집에 드라버가 있는 줄 알았는데 찾아보니 없다 : 집에 드라이버가 없는 것이다지식은 검색이 안되는 순간 지식이 아니게 된다.따라서 검색이 안되는 사람은 없는 사람이다.제일 중요한 것 LINKIND, 로켓펀지, wanted 등 에 나의 이력서를

2022년 5월 3일
·
0개의 댓글

CSS Position 속성

position 요소 배치하기 postion 속성 CSS에서 position 텍스트 속성은 HTML 문서 상에서 요소가 배치되는 방식을 결정한다. 정확하 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용됩니다. postion: st

2022년 4월 25일
·
0개의 댓글

원티드 '프리온보딩 코스' 숏 에세이

아래의 내용은 원티드 프리온보딩 프론트엔드 코스에 지원하기 위한 지원서류임을 밝힙니다.첫번째, 참가기업의 70% 이상 지원을 하는 이유는 참가 기업의 실무 과를 통하여 미리 기업의 요구사항과 수강생의 역량을 확인 할 수 있기때문에 기업,지원자 모두에게 득이되기 때문이라

2022년 4월 21일
·
0개의 댓글