Expected an assignment or function call and instead saw an expression React에서 갑자기 발생하는 코드이다. react가 아니라도 겪어본 사람은 있을텐데 react에서 유독 많이 에러나는 이유는 return 의 유무이다. 지금 당신은 ()=>{} 형의 화살표함수를 쓰고 있을 것이며 ()=>"123" 은 ()=>{ return "123"; } 과 같다는 사실을 안다. 그렇다면 ()=>{"123"} 는 오류코드라는 것을 알것이다. 당신의 화살표 함수의 {}에 return이 있는지를 확인하면 된다.
firebase를 설치하기 위해서 yarn add global firebase-tools npm install -g firebase-tools 로 설치를하고 인터넷에 있는대로 npm get prefix 등 alias 등등 모두 써보았지만 안되었다. 하지만 sudo로 글로벌 설치를 하니까 작동한다. sudo npm i -g firebase-tools
emmet 이라함은 등의 html 태그에 class나 id를 추가할떄 편하게 추가하기위해서 div.class 식으로 타이핑을 해도 똑같은 결과가 나오게 해주는 문법이다. *로 곱하기도 가능하다. 하지만 vs code기본설정에서는 html에서만 이것을 지원하는데, javascript 및 react에서도 html tag를 많이 이용하기 때문에 emmet을 js, jsx에서도 적용하는 방법을 알아보겠다. mac이나 window나 일단 setting에 들어가서 emmet을 검색한다. mac인경우 commanc+, 그럼 밑에 아래와같은 설정창이 있을것인데 item이랑 value값을 ""빼고 입력하여 OK누르고 추가해주면 끝이다.
BEM 작명규칙 - 개발, 디버깅, 유지보수를 위해서 CSS 이름을 가능한 한 명확하게 만드는 것이 목표이다. - 소문자, 숫자 만을 이용해서 작명한다. - 여러단어의 조합은 -으로 연결하여 작명한다. Block - 재사용할 수 있는 기능적으로 독립적인 페이지 구성 요소. HTML에서 블록은 class 속성으로 표시된다. - 형태가 아닌 목적에 맞게 결정해야 한다. - 블록은 환경에 영향을 받지 않아야 한다. 즉, 여백이나 위치를 설정하면 안된다. - 태그, id 선택자를 사용하면 안된다. - 블록은 서로 중첩해서 작성할 수 있다. Element - 블록안에서 특정 기능을 담당하는 부분이다. - block__element 형태로 사용한다. (double underbar) - 형태가 아닌 목적에 맞게 결정..
Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of this error to look for the first entry that doesn't mention "@babel/core" or "babel-core" to see what is calling Babel 갑자기 nodejs 서버를 실행하려는데 저런에러가 뜬다면 babel버전문제이다. y..
이 포스트는 https://velopert.com/3417 react-router :: 1장. 리액트 라우터 사용해보기 | VELOPERT.LOG 이 튜토리얼은 3개의 포스트로 나뉘어진 이어지는 강좌입니다. 목차를 확인하시려면 여기를 참고하세요. SPA 란? Single Page Application (싱글 페이지 어플리케이션) 의 약자입니다. 말 그대로, 페이지 velopert.com 를 필사한 글입니다. SPA란? Single Page Application 의 약자이다. 즉, 페이지가 1개인 어플리케이션을 말한다. 전통적인 웹어플리케이션의 구조는 여러페이지로 이루어져있지만, 유저가 요청할 때 마다 페이지가 새로고침되어서 페이지를 로딩할때마다 서버로부터 리소스를 전달받아 해석 후 렌더링을 한다. HTM..
RESTful API REST는 Representational State Transfer의 약자로서, www와 같은 하이퍼 미디어에서 시스템을 위한 소프트웨어 아키텍쳐 중 하나이다. REST 서버는 클라이언트가 http프로토콜을 사용해서 서버의 정보에 접근 및 변경을 가능하게 한다. 여기서 정보는 text, xml, json 형식으로 제공된다. http 메소드 REST 기반 아키텍쳐에서 자주 사용되는 4가지 메소드는 다음과 같다. 1. GET 2. PUT 3. DELETE 4. POST
express static을 사용해서 public 폴더에 css폴더에 style.css를 적용하려고 하는데 저런 에러가 뜬다면? express static public의 경로를 인식하지 못한것이다. app.use(express.static(__dirname+ "/public")); 으로 바꿔서 시도해주자.
