봉보로봉봉

프로젝트 진행하는데 카카오맵 API를 사용하려고 하니 에러가 났다..... TypeError: Cannot read properties of undefined (reading 'maps') undefined은 읽을 수 없음 이유 어쩐지 map이 아니고 maps라서 이상해서 검색해보니까 카카오맵 API는 플랫폼을 설정해줘야하는데 새로 프로젝트를 시작하면서 설정을 해주지않았다. 그래서 에러가 났다. 그래서 플랫폼 추가하고 나니 해결됐다!

git pull인가 merge를 하려고 했더니 발생했던 것 같다. Will not add file alias already exists in index. 이미 인덱스에 존재하는 파일을 추가할수없음. 이유 git은 원래 대소문자를 구분하지 못한다. 팀원중에 한명이 폴더명을 대문자로 했다가 팀 컨벤션대로 소문자로 수정했는데 변경이 안돼서 그 분이 git 대소문자 구분을 켜두시고 push를 해서 문제가 생긴 것 같다. 그래서 나도 git이 대소문자를 구분하도록 config 설정을 변경했다. 그런데 나중에 또 문제가 생겨서 다시 config 설정을 true로 변경했다. git 아직도 어려워...🥲 git config --global core.ignorecase false 이 명령어를 사용하면 list를 확인할 ..

열심히 map을 쓰고 있었는데 떴다. Expected an assignment or function call and instead saw an expression. 예상하고 있던 할당 또는 함수 호출 대신 식이 발견되었습니다. 이유 map()을 쓰면서 return을 해주지 않았기 때문이다. // Bad -> Error array.map((num)=>{num*2}) // Good array.map((num)=>{return num*2}) // or array.map((num)=>num*2) 지난번에도 return을 안써줘서 에러가 떴던 것 같은데 또 까먹었다. 제발 return을 잊지말자... map을 쓸 때 중괄호를 안쓰고 코드를 작성하는 방식으로 습관을 들여야하나 싶다. 🤔 참고

기본 html input checkbox를 span과 label을 onClick 이벤트를 이용해서 커스텀을 했더니 에러 메세지가 떴다. You provided a 'checked' prop to a form field without an 'onChange' handler. 너는 checked prop을 onChange 이벤트 핸들러 없이 썼다. 이유 input checked를 사용하려면 onChange를 이용해서 사용해야하기 때문이다. onChange를 사용하거나 속성으로 readonly를 넣어주거나 checked속성 대신 defaultChecked를 사용하면 된다. 나는 readonly를 사용해서 해결했다. 참고1 참고2

✨프로젝트 소개 프로스펙스 모티프 프로젝트 목적 React 활용 능력 향상 Styled-Components라는 새로운 기술 사용 이벤트에 따른 애니메이션 구현 예시를 보고 화면을 구현 이커머스 사이트 구조에 대한 이해 서버와 통신 경험 팀프로젝트 경험 진행 기간 2022.08.29 - 09.08 (2주) GitHub repo 프론트 백 ✨사용된 기술 JavaScript React Vite Styled-components Git, GitHub CRA보다 서버 실행 속도가 빠른 Vite를 이용해 개발 환경을 구축했으며 JavaScript와 JavaScript기반 라이브러리 React로 프로젝트를 진행했다. 별도로 css파일을 관리하지 않아도 되고 네스팅이 가능하며 클래스명이 겹쳐 레이아웃이 깨질 염려가 적은..

모든 html에서 사용할 수 있는 전역속성이며, 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성이다. 브라우저는 hidden 속성을 설정한 요소를 렌더링하지 않는다. 임의의 요소에 hidden을 추가하면, 그 요소는 시각적 방식 외에도 스크린 리더 등 다른 모든 표시 방식에서 숨겨진다. 숨겨진 요소의 자손 요소는 여전히 활성 상태이므로, 요소를 실행할 수 있고 양식 요소도 제출할 수 있다. 그러나 스크립트와 요소는 다른 맥락에서 숨겨진 요소를 참조할 수 있다. 예를 들어, hidden 특성을 적용한 구획으로 링크하는 href 특성은 유효하지 않다. 콘텐츠가 사용할 수 없거나 더는 관련이 없으면 연결할 이유도 없기 때문이다. input checkbox에 hidden속성을 주고 labe..

팀프로젝트를 진행하면서 cra가 아니고 vite를 이용해서 개발환경을 구축했는데 cra보다 vite가 실행속도가 더 빨라서 앞으로 Vite를 사용해보려고 한다. 참고 : vite를 사용해야 하는 이유 프로젝트 생성하기 // npm npm create vite@latest // yarn yarn create vite 프로젝트 이름과 템플릿을 지정해서 프로젝트를 생성할 수 있다. // npm 6.x npm create vite@latest my-react-app --template react-ts npm create vite@latest my-react-app --template react // npm 7+, '--'를 반드시 붙여주세요 npm create vite@latest my-react-app -- ..

mysql 외부키 걸기 테이블을 생성할 때 다른 테이블에서 참조하는 외부키를 설정해줄 수 있다. 보통 부모 테이블을 참조하는 자식 테이블을 만들 때 사용한다. 외부키를 걸어줄 컬럼과 참조할 테이블과 컬럼을 순서대로 적어준다. 외부키가 여러 개라면 똑같이 하나 더 적어주면 된다. CREATE TABLE posts ( id INT NOT NULL AUTO_INCREMENT, title VARCHAR(100) NOT NULL, content VARCHAR(2000) NULL, user_id INT NOT NULL, created_at TIMESTAMP NOT NULL DEFAULT NOW(), PRIMARY KEY (id), FOREIGN KEY (user_id) REFERENCES users (id) # 여..