동거하는 친구 : 몇시에 끝나? 나 : 네이버로 로그인하는 것만 끝낼게~ 동거하는 친구: 얼마나 걸리는데? 나 : 30분이면 할 것 같음 ㅋ ?? : 어림없지! 그렇게 나는 30분은 개뿔, 새벽동안 3시간은 더 넘게 삽질하는 기염을 토했다. 구글링을 통해 온갖 방법이란 방법은 다 해봤지만, 해결되지 않았다. 오늘 해결하지 못하면 잠도 안올 것 같아서 눈에 불을 키고 해결법을 찾아봤다. 나는 프론트를 react 백엔드 node.js 분리하여 프로젝트를 개발하고 있었기 때문에 axois로 백엔드에 요청을 하고 있었다. 서치 초반에 axios 말고 href 태그를 사용하라는 글을 봤었는데. 다른 방법도 있을 것 같아 찾아봤지만, 결국 없.더.라 ㅋ 그래서 돌고 돌아 처음 봤었던 방법을 쓰기로 했다. conso..
Next.js에서 스타일 컴포넌트를 사용하는 강의를 봤기 때문에 스타일 컴포넌트를 쓸까 고민하다 그냥 배우자는 생각으로 scss를 쓰기로 했다. 그러나 첫 관문부터 막히기 시작하는데 ... 결론만 말하자면, scss를 입히려는 js파일에 ex) import styles from "../style/components/_header.module.scss"; 이런 식으로 임포트 해준다. 당연하겠지만 scss 파일 이름도 [이름].module.scss 이렇게 만들어야 함. 그리고 className에는 타이틀 {styles.[이름]}
1. Simple React Snippets cc Class Component ccc Class Component With Constructor cpc Class Pure Component ffc Function Component sfc Stateless Function Component (Arrow function) cdm componentDidMount uef useEffect Hook cwm componentWillMount cwrp componentWillReceiveProps gds getDerivedStateFromProps scu shouldComponentUpdate cwu componentWillUpdate cdu componentDidUpdate cwun componentWillUnmo..
오늘도 공부를 하기 위해 리액트 프로젝트를 생성하는데... 집 데스크탑에서는 문제가 없었지만, 회사 노트북에서는 오류가 생겼다. You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app 친절하게 안내해준 방법으로 시도해봤으나 오류는 해결되지 않았다..
본 포스팅은 강의를 보며 적어내린 메모용 입니다. react 프로젝트의 index.js, app.js 파일 소스이다. render 함수의 App 태그는 사용자 정의 태그로 import App from './App'을 통해서 App.js에 접근 가능하게 만들어준다. 쉽게 말하자면 저 태그는 오른쪽 HTML 태그를 그대로 가져와서 쓴다고 보면 된다. 간단한 테스트를 통해 알아보자. App.js의 태그들을 주석 처리하고 코딩의 시작인 Hello World를 넣어줘봤다. import logo from './logo.svg'; import './App.css'; function App() { return ( {/* Edit src/App.js and save to reload. Learn React */} Hel..
본 포스팅은 메모용입니다. react 공부 시, 참고 용 홈페이지 https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org react를 사용하기 위해서 node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS로 까는 걸 추천 폴더 생성 후, vscode로 끌고와 폴더를 열어줌. 그리고 터미널 실행 npx create-react-app my-app my-ap..
