콛 다이어리

피그마 작업을 너무 오래했나VSCode가 너무 오랜만이었다. 만들고 있던 프로젝트를 보려고터미널에서 yarn dev를 쳤는데package.json파일을 찾을 수 없다는 오류가 떴다.아니.. 좌측에 있는데;; VSCode도 껐다 켜보고 노트북도 껐다 켜봤는데해결이 안 되서git에서 파일을 받아오기도 해보고새 파일을 만들어보기도 했는데 해결이 되지 않았다. 찾아보니경로에 대쉬 기호가 들어가면 오류가 날 수 있다고 했다.하지만 나는 그렇지 않았다. 내 경우는 yarn init을 해주지 않아서였다. yarn init을 입력하니까 터미널에 계속 질문창이 떴다.질문에 전부 대답을 해주고 yarn dev를 하니정상적으로 내가 원하던 작업이 실행됐다.. (아니 근데 저번까지만 해도 yarn dev가 잘 됐는데갑자기 왜..

내가 div를 가운데 정렬하는 방법은margin: 0 auto;를 주는 방법과부모 div태그를 추가해서 중앙정렬을하는 방법밖에 없었다. 오늘은 첫번째 방법이 되지 않았고,두번째는 구조상 사용할 수가 없었다. 다행히 잘 정리된 게시글이 있어서깔끔하게 배치할 수 있었다. Flexbox: 요소를 상하좌우 정중앙 정렬하는 방법 중, 가장 쉬운 방법 자식 요소를 수직과 수평으로 중앙에 정렬하려면 부모 요소에  justify-content: center와 align-items: center를 적용    출처: https://www.freecodecamp.org/korean/news/cssro-mueosideun-jungang-jeongryeolhaneun-bangbeob-div-tegseuteu-deung/

주말에 push를 했는데커밋 메시지가 마음에 들지 않아서push를 취소하는 방법을 찾아보았는데두 가지 방법이 있었다. reset:되돌리고 싶은 시점의 커밋 이력으로 돌아가는 것(시간여행) revert:현재까지 남긴 이력들을 유지한 채 되돌리고 싶은 commit을 원상복귀시키는 것(복구commit이 추가됨) 나는 revert를 선택해서 입력했다. 분명히 깃에 저장되어 있는걸 봤는데코드를 보니까 방금 작성한 내용이 전부사라져 있었다. 다시 깃에 들어가서 복사해서 입력한 뒤,푸시를 하려니까 오류가 뜬다.자꾸 머지를 하라고 한다;;갑자기..?? 내 노트북이 잘못인가 싶어서비주얼스튜디오 코드도 껐다가 켜보고새 파일에서도 열어보고노트북을 잠궜다가 열어보고껐다가 켜봤지만 달라지는게 없었다.계속 오류가 나니까 신경질이..

요즘 콘서트나 뮤지컬 티켓을 예매하는'티켓링크' 라는 사이트의 클론코딩을하는 중이다. 어려운 부분은 남겨놓고할 수 있는 부분만 하는 중인데생각보다 쉽게 끝낼거라고 생각했던 부분이생각보다 시간이 좀 걸렸다...... 블로그, 유튜브, 페이스북, 인스타, X(구 트위터)아이콘 뒤에 회색 원을 위치했고아이콘을 클릭했을 때,내가 입력한 링크로 이동을 시키려고 했다. 아무리 생각해도 어떻게 넣어야할지 모르겠어서튜터님을 찾아뵀다. 폰트어썸은 div, p, span 처럼 FontAwesomeIcon icon={faMessage} size="xl" />태그명으로 되어있는게 아닌FontAwesomeIcon이라고 되어있어서(내가 사용하려고 했던)Link태그를 사용할 수 없었고 대신a태그를 사용할 수 밖에 없었다. 근데a태..

클릭하면 상단에 자동으로 올라가는버튼을 만들고 있었다. 그냥 '올라가기'나 '↑' 이렇게 입력하고font-weight: bold; 로 할까..?? 싶었는데그러면 너무 맛없는 화면이 될 것 같아서폰트어썸에서 제공하는 아이콘을 사용하기로 했다. html은 폰트어썸 링크를 호출해 줬는데React는 어떻게 해주면 될까 하고 검색해보았다.많이 달랐다. 이 블로그 저 블로그 들어가보고이것도 설치해보고 저것도 설치해보고 했었는데안 돼서 정리해본다.얼마나 삽질을 했으면 이 시간에 와카타임이 10시간정도가 나온다 ㅋㅋㅋㅋㅋㅋ 그래도 알아가는게 있어서 행복하다 : )   1. svg 기반 아이콘을 사용할 수 있게 해주는 패키지 설치터미널에 yarn add @fortawesome/fontawesome-svg-core 입력 ..

알고리즘 문제 푸는데 자꾸 에러가 떴다. 'Cannot read property of undefined'  처음에는 내가 100% 맞을거라는생각에 찾아보지 않았는데두번째 뜨니까 궁금해서 찾아봤다. 에러가 뜬 이유는 변수나 객체가 선언되었지만초기화하지 않았을 경우였다. let x;로 초기화를 해준 뒤, 바로console.log(x)로 참조하는 등 하지만 나는 함수를 사용하고 있었기 때문에return문을 사용하지 않아서였다.  어떻게 함수를 사용할 때마다 까먹는지앞으로 좀 신경써서 사용해야 겠다.