개발여행의 블로그

styled-components에 대한 활용 react에만 집중해서 과제를 하다보니 styled-components는 단순히 컴포넌트의 스타일을 지정하는 정도로만 사용했다. 역시나 멘토님께서 해당 부분에 대해 코멘트를 남겨주셨다. 더 찾아보고 적용해보았어야 했는데라는 생각이 들었다. 글로벌 스타일 지정(createGlobalStyle), theme, styled-component의 확장 등등 활용법이 굉장히 많다는 것을 배웠다. 1) 전역 스타일 지정 구현된 코드에는 HTML 파일에 style sheet를 지정해서 전역 스타일을 지정해주었는데, styled component를 사용하면 아래와 같이 사용할 수 있다. import { createGlobalStyle } from 'styled-componen..

window에서 notion app을 설치해서 잘 사용하고 있었는데, 갑자기 무한 로딩이 되면서 페이지가 뜨지 않는 현상이 며칠 동안 계속되었다. 노션에 문의를 해서 빠르게 해결방법을 얻었다! https://www.notion.so/notion/Reset-Notion-1b70196f1f6145d7a8695afc425d8699 Reset Notion If you find that your Notion is stuck on a blank screen, sometimes the old adage is true: try restarting it! Read on to learn how to reset your Notion app in your browser, desktop app or mobile device. ..

1번째 과제 코드 리뷰에서는 기본적인 것들에 대해 피드백을 받았다. 완전 기본 중에 기본인데 convention을 제대로 확인하지 않고 과제를 제출하여 많이 반성했다. (너무 기본적인거라 민망했다.😅😅) 개선해야 할 사항 if와 else if의 앞뒤는 한 칸 띄우기 // bad if(){} // good if () {} 주석 주석을 일일이 달 필요는 없다. 변수 네이밍, 함수 네이밍과 로직이 잘 짜여있다면 더욱더 주석을 달 필요가 없다. 만약 주석을 달아야 될 것 같다면 지금 구현한 코드가 가동성있게 작성한 것인지 고민해볼 필요가 있다. 주석은 가능한 최소한으로 줄이는 게 좋다. 객체 선언에 세미콜론 붙이기 (생각치 못한 곳에서 세미콜론을 빼먹었었다...) 코드의 일관성 string 값을 적을 때 '(s..

unnecessary white space 3번째 매개변수 전달 후 불필요한 공백이 있는 것으로 확인. 과제 제출하기 전 확인! // before (choiceItem ,) createChildElement($choiceContainer, 'div', CSS_CLASSNAME.choiceItem , textContent, i); // after (choiceItem,) createChildElement($choiceContainer, 'div', CSS_CLASSNAME.choiceItem, textContent, i); function naming endGame이라는 함수명보다 내부의 로직을 더욱 명확히 설명할 수 있는 네이밍으로 변경하기. // before function endGame(correct..

컴퓨터에서도 귀여운 이모지를 사용할 수 있다. window키 + ; (쉼표) 를 누르면 사진처럼 이모티콘을 사용할 수 있다.😁 🤎🧡💛💚💙💜 이모지는 물론 Kaomoji도 사용할 수 있다 （⊙ｏ⊙） 마지막으로 특수기호도 사용할 수 있다. 윈도우 특수기호 단축키를 기억해두면 편하다!! 굉장히 유용한 윈도우 단축키이다.