전에 없던 오류인데 갑자기 떠서 검색해보니 구선생님도 모른다는 소식에 좌절하고 있었다 ㅠㅠ심지어 설치파일에는 next 에 당연히 들어있어야하는 pages폴더도 없고.. 아무것도 존재하지 않은 상태..!분명 버전문제같아 찾아봤는데 도무지 모르겠어서 이것저것 검색하던 중

api가 필요한 경우가 매우매우! 많다... 결국 오픈 api 를 활용하거나 직접 배우는게 가장 좋다.직접 배우는게 정말 도문이 될 것같지만, 아직 프론트도 익숙하지 않은데 api까지 손대면 정말 큰일날것 같아서 , 공공데이터 포털을 활용해보기로 했다!https&#x3

깃 초기세팅에 맞게 해봤지만 ㅠㅠ 도무지 뭐가 문젠지 몰라서 서칭해보니 데이터 유실문제때문에 git push --set-upstream origin main 가 먹히지 않는거라고 한다 git push -u origin +main 를 해주면된다고 한다.오류 해결 끝!

git clone을 받고npm run serve로 실행을 시켜주었는데이런 에러들이 뜨는 경우가 있다 이경우는npm cinpm run servenpm ci 로 기존에 깔려있거나 업데이트 되어있는 패키지를 재실행 해주면 정상적으로 실행할 수 있다!

Vue로 프로젝트를 진행하면서 마주친 가장 큰 숙제는 차트였던 것 같다.구글링을 하면서 정말정말 안나오는게 바로 이 차트에 관련된 설명이였는데, 실제로 사용자 화면에선 많이 보여주지 않지만 관리자 화면에선 무조건 들어가야하는 요소이기때문에 초반에 너무너무 고생했던게 기

분명 종속성 문제인데 개발을 하다보면 작업하다 중간에 버전문제때문에 열받는 경우가 너무 많다...npm install --forcenpm install --legacy-peer-depsnpm config set legacy-peer-deps true버전이 달라 종속성에

mac은 기본적으로 특정 버전 이상이 되어야 설치 및 실행이 가능하기 때문에 윈도우 컴을 사용하게 되었다. (mac 홈브류 설치시 지속적으로 에러가 발생한다면... 새로 사야 한다는...ㅎㅎㅎ)현재 버전이 아닌 LTS버전을 다운로드 받는다. (최신버전은 공식버저이긴 하

구글에서 제공해주는 squoosh 사이트를 활용해 기존 이미지를 웹이미지로 변환하여 이미지사이즈를 최적화시켜줄 수 있다.https://squoosh.app/해당 squoosh 사이트를 활용하면오른쪽 하단에 축소한 퀄리티의여부와 사이즈 여부가 나타난다.기존 kB

여러이미지나 다중이미지 또는 영상을 사용할경우, 스크롤에 따라 감지하는 방법은 너무나도 원초적인 방법이라 오히려 최적화된 화면구현에 방해가 될 수 있다.이럴때 사용하는 것이 바로IntersectionObserver라는 기능이다.IntersectionObserver는 뷰

모든페이지에서 여러가지 라이브러리가 전부 필요하지 않다.라이브러리는 많은 데이터를 쓰게되고, 렌더링시간이 더 오래걸리기 때문에 페이지별로 라이브러리를 나눠서 사용해주는것이 최적화에 용이하다.페이지를 로드하다보면 왜 ?뭐 때문에? 로딩이 오래걸리는지 의문이 들때가 많다.

말 그대로 '게으른 이미지'를 뜻한다!즉, 서버나 사이트가 실행될 때 모든 이미지들을 한번에 불러오는 것이 아닌, 페이지 렌딩에 따라 천천히 불러오는 방식이다.이미지 최적화를 사용하면 초기 진입시 유저가 페이지를 더 빨리 접할 수 있고, 데이터의 낭비를 줄일 수 있다.

수많은 에러를 접하면서 그리고 그 해결과정을 겪으면서, 스스로가 조금 더 성장했단 것에 뿌듯함과 욕심이 더 생기기 시작했다. 처음엔 전공자도 아닌 쩌리가 뭘 할 수 있겠냐는 식의 무시가 싫어서 더 찾아보고 파헤치고 노력했던 건데, 어느순간 '무시'가 '인정'으로 바뀌었

깃 클론작업을 하던 중npm ci를 눌렀을 뿐인데 갑자기 설치중 오류가 났다node-sass npm ERR! command failed해당 오류는 sass 버전이 호환되지 않아서 일어나는 문제라고 하기에 node를 새로 설치하거나 그냥 node-sass 를 업데이트 해

이메일 (@) 형식을 체크한는 정규식 표현정규식 표현을 regEmail에 담아준 후 test를 활용해 이메일의 유효성을 검사해주면 된다

scroll-behavior 항목에 smooth를 넣어주면전체 스크롤이동 화면이 부드럽게 이어진다.예시>

회사에서 좋은기회가 생겨 vue로 카카오맵 api 를 사용하게 되었다. 지도는 프론트엔드에게 꽃이나 다름없다고 하셨는데 ㅋㅋㅋ 맞는말인지 모르겠지만 어쨌든 1년차도 안된 내게는 좋은기회라고 생각했다 카카오 주소 >https://apis.map.kakao.com/

last.fm open API 사용하기https://www.last.fm/api👉 Get an API account 선택👉 계정 생성 및 로그인👉 해당 계정 메일에가면 확인메일을 볼 수 있다!👉 계정 확인 후, 한번 더 이동 https://ww

리액트 프로젝트 설치npx create-react-app 프로젝트 명cd 프로젝트 명npm startgit 에 프로젝트 push하기순서대로 진행하기git init 👉 내 git 내부에 Repository 생성!👉 해당 이미지처럼 Repository 내부에 들어가면

reset

유료지만 경력관리에 좋은 홈페이지https://career.sw.or.kr/