웹개발을 공부하기 위해서, 주변에 딱히 도움받을 곳도 없고, 그래서 선택한 것이 인강, 유투브를 보면서 클론코딩하는것을 따라해보는 것인데, 최근들어 네이버, 라인 채용설명회 및 개발자 분들의 영상을 보면서 한가지 느낀것이 있다. 그 분들이 원하는 것은 "나 이정도 까지 해봤다"가 아니었다. 나는 이것저것 경험해보기위해 클론코딩을 했으나, 솔직히 배운것을 100%능숙하게 쓰지는 못한다. 하지만 면접관 분들은 배운것에 대해 기본기와 성장가능성을 중요시 했다. 기본기는 코딩테스트와 전산지식인데 성장가능성은 클론코딩으로는 보여주기에 한계가 있다고 생각했다. 어떻게 해야 성장가능성을 높일 수 있을까? 생각해보니, 클론코딩처럼 남들이 하는 코드를 코드몽키마냥 필사하지 말고, 나 스스로 하나의 프로젝트를 통해서 기술..

react-helmet은 express의 helmet처럼 보안을 담당하는 라이브러리가 아니고, react에서 헤더값을 바꾸고 싶을 때 사용한다. (예를 들어 title) 다만, 이 방법을 사용하여 title을 변경할 시, 동적변경이기 때문에 크롤러에 잡히지 않는다는 특징이 있다고 한다.

'React' must be in scope when using JSX 에러는 import React from "react"; 코드가 빠져있을때 생기는 에러이다. import react from "react"; 로 되어있어도 에러가 난다.

"다른 사람보다 자신이 뛰어나다고 생각하는 순간 스스로를 독살하는 행위이다" "열심히 일하고 만족을 이루는 것이 내가 할 수 있는것의 전부이다" "나쁜 카드를 가지고 태어날 수 있지만 당신에겐 운명을 개척할 수 있는 선택권과 힘이 있다"

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) - 형태가 아닌 목적에 맞게 결정..