Web front

새 프로젝트를 만들때마다 허우적되기 때문에 포스팅을 하겠다!npx,npm으로 진행하겠다

recoil은 typescript를 지원하기 때문에 별도의 타입설정을 설치하지 않아도 된다.

"1"과 같은 문자열을 숫자로 변경해야할 상황이 있다.이때, Number() 함수를 사용하면 타입이 변환된다.놀라운사실, Number함수 말고도 문자열 앞에 +를 붙히면 타입이 변환된다.이게 멋있으니 이걸 사용하도록 하자

atom값을 변경할 수 있는 recoil의 함수가 있다.바로 selector이다.selector는 get과 set property를 가지고 있는데 이를 이용하면 원하는대로 atom 값을 변경 가능하다.get 함수를 이용해 원래의 atom 값을 이용할 수 있다.set 함

npm install styled-components

npm install react-router-dom --save

/ http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)/html, body, div, span, applet, object, iframe,h1,

프로젝트를 진행하던 중, 파일을 업로드하는 기능을 구현해야했다.Input 태그를 이미지로 대체해야했는데 드디어 찾아서 포스팅한다.레이블태그에 넣고 싶은 이미지 or 아이콘을 넣고 같은 id를 사용하는 input 태그를 display none 해버리면 된다.나의 코드이다

npm install --save react-helmet

카카오 X 한국관광공사 공모전에서 사용한 Tour api에 대한 사용법을 적어보겠다.일단 Tour api가 4.0으로 업데이트 되면서 예전보단 상당히 문서가 괜찮으니 이젠 어려움이 덜할 것이다.관광데이터 Hub에서 해당 항목을 누른다.그렇다면 아래의 데이터 목록이 나타

공모전 프로젝트에서 카카오 로그인을 사용해 로그인을 구현했다.이 프로젝트에서는 BrowserRouter를 이용해 라우팅을 구현했는데, gh-pages에 이 프로젝트를 배포하니 카카오 로그인의 리다이렉트 url에서 404가 나타났다.BrowserRouter는 브라우저를

맨날 배포를 해도 까먹으니 포스팅을 해야겠다.터미널에명령어로 깃허브 페이지를 다운받는다.package.json 파일에서script를 찾는다 이렇게 만들어 준다.package.json 파일에 "hompage"를 추가해준다.이제 터미널에 아래 명령어를 입력하면 된다.오류

nodejs를 작성하던 중 클래스 파일을 module.export해서 가져오려고 하는데 계속 constructor가 아니라는 에러가 떴다.이 에러는 생성자가 아닌데 저렇게 선언을 해서 일어난다고 한다.. 근데 난 클래스를 가져왔는데 저런 일이 일어났다.클래스 파일을 e