뇌 채우기 공간

▶ 로그인 시 헤더에서 버튼이 바로 변경되게 하는 법 vuex를 쓰면 새로 고침하면 날라가고, 로컬 스토리지를 쓰면 바로 반영이 안된다. 해결 -> vue persistedstate 라이브러리 사용 import Vuex, { createStore } from 'vuex'; import createPersistedState from 'vuex-persistedstate'; import { Movies, SavedMovie } from '@/type'; // import { Movie } from "./modules/Movie.js"; export default createStore({ state: { ... }, mutations: { ... }, actions: { ... }, plugins: [crea..

타입스크립트 강의 듣기 1. vue 에서 v-model은 한국어가 바로 반영이 안된다. 한국어를 바로 바인딩하려면 @input이벤트에 메소드를 걸어주고 :value로 값을 연결해서 메소드에서 값을 바꾸는 방법을 쓰면 된다. 2. ts에서 input타입 정의 handleInput(event: InputEvent) { const eventTarget = event.target as HTMLInputElement; this.$emit("input", eventTarget.value); console.log(eventTarget); 3. 메소드 파라미터 타입 정의 //App.vue Vue Todo with Typescript

항해 99 2기 후기 1. 항해 지원 과정 2. 협업 경험 + 커리큘럼 별 회고 3. 6주간 실전 프로젝트 4. 주특기 멘토님과의 소통 5. 취업 후기 ( + 출근 후기) 항해 지원 과정 국비지원에서 자바를 6개월 간 배웠다. 쉬운 문법만 열심히 가르쳐주다가 어려운 개념을 배울 때쯤 탈주해버린 선생님과 그것을 방치한 학원에서 , 셋이서 우여곡절 프로젝트를 마쳤지만 이대로는 절대 개발자가 될 수 없겠다고 직감한 나.. 몇개월간은 개인+집안 사정때문에 개발을 공부 못하고 있다가 다시 마음을 먹고 싸피에 지원했다. 그런데 탈락! 나는 하루빨리 개발을 배우고 싶었기에 빠른 시일 내에 시작하는 부트캠프를 찾았고 바로 항해 99 2기가 시작하기 한 4일전 쯤 항해 99를 발견하게 되었다. 그래서 다짜고짜 전화해서 ..

메인 페이지에서 데이터 가져오기 (tmdb) 인프런 vue3 강의 듣기 디테일 페이지에서 데이터 가져오기 필터 만들기 ▶ prettier 설정 https://staticclass.tistory.com/125 [VSC] Prettier 설정 코드를 분석하여 깔금하고 일관된 코드스타일을 유지시켜주게 도와주는 코드 포맷터이다. 우리는 세이브 자동으로 포맷팅 기능을 쓰고싶다👍 하지만 처음이라면 Prettier세팅이 생각보다 어렵 staticclass.tistory.com ▶ pagination json server에서 값을 받아 올 때 이렇게 limit를 설정해서 pagination을 할 수 있다. https://www.npmjs.com/package/json-server const res = await axi..

과제 템플릿 제작 폴더 분리 라우터 설정 클래스 명 점검 ▶ vue router 페이지 이동 하는 법 https://blog.naver.com/psj9102/221430447361

▶ vue3 뷰 프로젝트를 커스텀으로 CLI로 만들기 https://velog.io/@kdeun1/Vue-3-Composition-API-TypeScript-Vuex-4로-프로젝트-구성하기 ▶ git flow 깃 플로우에 대해서 https://gist.github.com/ihoneymon/a28138ee5309c73e94f9 ▶ git flow 터미널에서 깃 플로우 사용하기 프로젝트 할 때는 깃 크라켄으로 아주 쉽게 사용했는데 이제 깃 크라켄을 못쓰니까 터미널로 하는 법을 배웠다. -- 새 기능 시작 -- 기능 완료 https://k39335.tistory.com/82 [Git] Gitflow로 branch를 관리하자!! [Git] Gitflow로 branch를 관리하자!! Git에 관련된 포스팅은 오랜..

오늘은 연습할 때는 잘되던 뷰에서 실제로 프로젝트를 하려고 하니까 자꾸 에러가 나는 것이다. 이것은 바로 eslint와 prettier설정 때문이었다. ◎ vue에서 자꾸 빨간 줄이 뜸 https://mkonji23.tistory.com/20 ◎ Syntax Error: Error: Failed to load plugin 'prettier' declared in 'package.json': Cannot find module 'eslint-plugin-prettier' ◎ Parsing error: Unexpected token

sourcetree에 private 레포지 토리 보여지기 https://skuld2000.tistory.com/10 git flow https://gmlwjd9405.github.io/2018/05/11/types-of-git-branch.html vue3 강좌 https://www.youtube.com/watch?v=G6rhxMuqnhU&list=PLZzSdj89sCN0sLqrTKf2m7lXe_93C19UG vue3.0 + typescript https://www.youtube.com/watch?v=JfI5PISLr9w&list=PL4cUxeGkcC9gCtAuEdXTjNVE5bbMFo5OD ohmyzsh 테마 변경 https://hello-bryan.tistory.com/227 vue3 scss htt..

- 인턴 과제 아이디어 정리 - 와이어 프레임 만들기 - 기능정리 - ppt 준비 처음에는 뷰랑 타입스크립트로 1달만에 프로젝트를 만드는게 너무 자신이 없었다. 항해 99 로 친다면 리액트 1일차에 실전 프로젝트를 해야하는 느낌이었다. 그래서 어떤 기능을 넣을 수 있을지 자신이 없어서 뺏다가 넣었다가 하다가 주제를 정하는데만 해도 너무 오래걸렸다. 그런데 생각해보니까 리액트를 처음 배울 때는 그 쉬운 단어장 만들기도 어려워서 같이 공부하는 사람이랑 머리 맞대고 고민하고 클릭하면 동그라미 커지는걸 하루종일 찾아보기도 했었다. 지금 하는 프로젝트도 당연히 그렇게 될 것 이라는 생각이 들었다. 지금은 얼마 배우지 않았으니까 쉬운것도 어려워보이고 두려울 수 있겠지만 계속 공부하다보면 한 주 마다 성장해 있는 나..

20211020 아이디어 정리 아이디어 정리1 영화https://developers.naver.com/docs/search/movie/ 기능 장르별로 영화 보여주기 → 무한 스크롤 검색하기 필터 → 장르, 년도, 최신, 별점 순 내가 본 영화/ 보고 싶은 영화/ 또 보고 싶은 영화 등 콜렉터를 만들 수 있음 → 드래그앤 드롭 영화 컬렉션을 만들어서 비슷한 무드로 추천할 수 있음 내 콜렉터에 느낀점 기록 친구랑 영화 약속 잡기 → 달력 네이버 오픈 api 로그인 노노? 첫페이지에는 내가 직접 만들어서 뿌려주기 첫페이지는 핀터레스트처럼? 무한 스크롤 레이지로딩 https://parkjh7764.tistory.com/18 https://www.kobis.or.kr/kobisopenapi/homepg/apise..