정현's 블로그

1. Vue 1. 이번주 배운 내용 1) api 연동할 때 특정 부분에서는 default값 지정이 필요하다. 2) 체크박스 로직 구현.(수신동의 & 수신거부) 2. Trouble Shooting 1-1) 발단 - Api 연동 시 fetchItem 써서 데이터를 가져왔음. 콘솔 노출도 해보고 절대 undefined 하지 않은데 페이지 로딩 때 자꾸 undefined 하다고 나옴. - mounted 디렉티브로 데이터 가져왔는데 페이지가 그려질 때 데이터가 없다보니 undefined라고 뜨는 거임. - created 디렉티브로 해봤으나 역시 안됨. - 총 2번 읽는데 처음 읽을 때 'undefined error' 발생하고 그 다음 Get error, 404 error 발생. 1-2) 해결 - 라이프사이클 훅 ..

1. border-radius 적용 후 여백처리 background: transparent !important; css 적용하면 된다. (나중에 설정한 값 무시하고 바로 해당속성 적용해야 할 때 !important 사용) 해결된다. 2. 자간조절 .page-wrapper { letter-spacing: 0.09vw; } letter-spacing 활용.

width: 100vw; margin-left: calc(-50vw + 50%); 출처: https://skout90.github.io/2017/09/01/CSS/full-width-ignore-parent/

안녕하세요 오늘 나의 인간과 멍뭉이를 알아볼까요? BEM 규칙을 따라 블록__요소--변경자 로 구성. 내가 원했던 것은, class="label"로 명명한 부분의 글자크기와 폰트를 최대한 재사용하고 싶었음. 이럴 땐 변경자를 활용해주면 좋다. 단, 변경자 클래스를 선언할 때 default가 되는 클래스 이름을 꼭 같이 써줘야 함. ex) label이 default고 label--blue와 label--purple에 폰트, 글자 크기를 전달하고 싶을 경우 label--blue와 label--purple 클래스 명에 label을 같이 써주면 됨. class="label label--blue"

1. Vue 1) 에러 내용 NVM warn engine npm WARN engine @jridgewell/gen-mapping@0.3.1: wanted: {"node":">=6.0.0"} (current: {"node":"0.10.48","npm":"2.15.1"}) npm WARN engine @jridgewell/gen-mapping@0.3.1: wanted: {"node":">=6.0.0"} (current: {"node":"0.10.48","npm":"2.15.1"}) npm WARN engine @jridgewell/set-array@1.1.1: wanted: {"node":">=6.0.0"} (current: {"node":"0.10.48","npm":"2.15.1"}) npm WARN en..

1. NVM 1) 에러 내용(nvm 설치 후) - nvm ls 를 치면 iojs -> N/A (default) node -> stable(-> N/A)(default) unstable -> N/A (default) 가 뜬다. -> nvm이 설치는 되어있는데 발생한 오류임. 2) 해결 nvm 수동설치 2-1) git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags` // 터미널에 복붙(git부터 --tags`까지 복사해서 붙여넣기하면 됨) fatal: 대상 경로가('/users/유저명/.nvm') 이미 있고 빈 디렉터리가 아닙니다.라고 뜰거임 참조링크: ..

1. brew 설치 https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 맥 터미널에서 다음을 입력 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ※ Formulae와 Casks -> Furmulae는 콘솔용 패키지. Cask는 데스크탑용 패키지(LaunchPad에 추가된다) ※ brew 명령어 -> brew search [검색할 패키지명] brew install [--cask (*cask의 경우)] [설치할 패키지명] brew remove [삭제할 패키지명] 2. iTerm 설치 (다..

1. React 1) 에러 내용 1-1) BrowserslistError Browserslist config should be a string or an array of strings with browser queries at check -> 대충 Browserlist는 문자열이나 문자열의 배열이 되어야 한다는 내용. 1-2) react-scripts 오류 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. error Command failed with exit code 1. -> 아래 사항들을 따르고 난 뒤 yarn start를 했더니 발생한 오류. rm -rf node_modules yarn cache clean yarn yarn star..

1. React 1) 오늘 배운 내용 A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. -> 댓글 작성기능 추가하다가 발생. -> 댓글란(input)에 댓글 입력하고 '작성' 버튼 누르기도 전에 콘솔창에 에러뜸. -> input value로 undefined가 들어가서 발생한 오류. 2) 해결 const [comment_text, setCommentText] = React.useState(); -> const [comment_text, setCommentTe..

내가 쓴 코드: import { FaArrowDown } from "@react-icons/all-files/fa/FaArrowDown"; 변경 코드: import { FaArrowDown } from "react-icons/fa"; 해결.