![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bJ1GgE/btrPycxtAkY/wNFfrCeOwy1fO6OgM2jlY0/img.png)
한때 뷰쟁이었던 나는 작년을 기점으로 vue를 청산했다. 하지만 vue로 작업한 세월이 아직은 더 길어서인지 주변 지인들은 모두 뷰쟁이이다. 오랜만에 만난 그들과의 대화 중에 가장 화두가 된건 vue3. vue3를 직접 다룬적은 없지만 알음알음 들었던 것과 지인들의 이야기를 듣다보니 한 번 정리해보면 좋겠다는 생각이 들었다. (..만! 이미 너무 정리를 잘 해주신 분들이 많으시고, 나는 vue를 기본 지식 정도로만 체크하려고 했기 때문에 링크만 첨부하였다) ✔️ 참고링크 https://joshua1988.github.io/web-development/vuejs/vue3-as-default/ Vue 3, 기본 버전이 되다 22년 초에 일어난 Vue.js 진영의 큰 변화를 살펴봅니다. 라이브러리 기본 버전이..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/Scigp/btrGIZAyHoj/WP5KQ5czsKokFPONj6gwlk/img.png)
옛-날에 리액트를 처음 접할 때, react는 라이브러리라고 간단하게 이야기 한 적이 있다. 라이브러리와 프레임워크가 어떻게 다른지 왜 리액트가 라이브러리로 분리되는지 드디어 정리해본다. https://hyermione.tistory.com/27 [뷰쟁이의 리액트 시작하기] 리액트를 알아보자. [!이시중] 2021년 5월 21일 22:33에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/33 에서 확인할 수 있음. 글을 시작하며.. (첫 시작을 알리는 벅찬 잡담이 시작됩니다... 지루하신 분은 스크롤을. hyermione.tistory.com 먼저 나무위키에 소개된 프레임워크와 라이브러리의 정의를 정리해보자- 라이브러리 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bV5h4o/btrFSYPFKn1/KGUNOsu3lfamTrgEJf6O90/img.png)
[!이시중] 2021년 11월 1일 22:53에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/44 에서 확인할 수 있음. react에서 hook을 도입하면서 제일 좋아진 이점은 바로 함수형 컴포넌트 + 상태 관리가 한 번에 된다는 점이었다. hook에 대한 자세한 사항은 다음 포스팅을 읽으면 좋을 듯 하다 -! https://yuniel.tistory.com/42 [뷰쟁이의 리액트 시작하기] 리액트 hook 이란? React는 크게 함수형 컴포넌트와 클래스형 컴포넌트로 나뉘어 있습니다. 그 중 클래스형 컴포넌트를 사용했던 이유는 코드 내의 상태 변화나 라이프 사이클(componentDidMount 등)을 사용하기 위함이 yuniel.tistory.com 아무튼 개인적으로 그..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/mG2Zu/btrnu8owev4/TUNOVHtSt0N73k61O1G7I1/img.png)
[!이시중] 2021년 11월 20일 12:00에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/61 에서 확인할 수 있음. https://hyermione.tistory.com/9 axios를 통한 오픈 API 연결하기 [!이시중] 2021년 11월 20일 11:25에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/60 에서 확인할 수 있음. 나이가 연차가 몇 년인데, 아직도 api 연결할 때 세팅을 까먹어서 url이 문구로 그냥 나.. hyermione.tistory.com 상단 포스팅에서 axios를 연결하며, api key는 개인 발급을 받는 것이니 환경 변수를 통하여 관리하라고 언급했었다. 그러면서 관련 포스팅을 연결했는데, 해당 포스팅은..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/nVYMg/btrnwzyREZz/XjO2SVJvaEjd5mOor8Pmh1/img.png)
[!이시중] 2021년 6월 21일 20:53에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/34 에서 확인할 수 있음. 보통 vue cli를 이용하여 vue를 설치하면 package.json에 라는 설정이 있기 마련이다. 근데 어찌된 일인지 이번에 설치한 버전은 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 이렇게 적혀있는것이 아닌가. (여담으로 맥 진짜 못 쓸 것 같다 ㅠㅠㅠㅠ 캡쳐를 하고 싶은데.... 30분 째 저거 하나 겨우 캡쳐했다...) 아마 웹팩으로 설치된 것 같다. 아무튼 저렇게 설치되어 여태 하던 방식으로 환경변수 파일이 안 먹는것이다 ㅠㅠㅠ 결론은 co..
- Total
- Today
- Yesterday
- sentry
- react
- TIL
- 리액트
- 리코일
- gitRebase
- 모바일사파리
- 리액트훅
- 사파리
- 자바스크립트
- 센트리모니터링
- 김민태
- vue
- js테스트
- 깃
- 센트리
- BFCache
- 깃명령어
- js
- Git
- storybookUI
- reacthook
- npm
- 프론트엔드
- frontend
- 리액트상태관리
- 크롬
- javascript
- CSS
- 프론트앤드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |