vue

이전 글 보기 - 전체 코드 및 소개는 1편에서 확인할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 2023.12.14 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (2) localStorage 2023.12.15 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (3) ui/ux 지난 편에서 ui/ux를 변경하고 적용했다. 오늘은 모바일에서도 편하게 이용할 수 있도록 반응형을 적용해보았다. 브라우저 크기를 모바일, 아니 태블릿 정도로만 줄여도 스타일이 처참하게 깨졌다... 😭 반응형을 고려하지 않고 제작했을 때 이런 참사가 일어남 근데 나는 반응형으로 뭔가 ..

이전 글 보기 - 전체 코드 및 소개는 1편에서 확인할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 2023.12.14 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (2) localStorage 이전 편에서 localStorage를 이용해 코드 조각들을 관리했다. 오늘은 코드 수정, 삭제 기능을 추가하기에 앞서 전체적인 ui/ux를 변경해보는 과정을 진행했다. 기능을 추가하는데 왜 ui/ux를 변경하냐 한다면... 😅 기존 페이지의 디자인을 너무 제멋대로 정했더니 기능을 추가하기가 너무 까다로웠다. 처음 만들 때 "동적으로 파일 조회!!!"에만 꽂혀서 만들었기 때문에 추후 구현될 기능에..

이전 글 보기 - 전체 코드 및 소개는 1편에서 확인 할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 이전 편에서는 만들고 있는 프로젝트에 대한 소개와 약간의 고충을 다뤘었다. 뛰어난 기능은 없지만, 처음 만들어서 어딘가에 제대로 올려 본 프로젝트니까 조금 더 관심을 가지고 포스팅 할 예정! 😃 오늘은 전 편에서 변경하고자 했던 부분을 차근차근 진행했다. 1. 파일로 다루던 코드 조각들을 이제 localStorage로 관리한다. 2. 필수 기능이지만 드디어 추가 기능이 생겼다. 👏🏻 loadCodes() { // this.loadSampleCodes(); for (const key in window.localStora..

javascript-archive 라는 vue.js 기반의 토이 프로젝트를 얼마전에 만들어 배포해두었다. 프로젝트를 만들게 된 이유는 코드 조각이나 코드들을 한 곳에 메모하고 관리할 수 있게 하려고 만들었다. 실제로 나는 업무나 공부 할 때 쓰이는 코드들을 아무렇게나 정리해둔다. 당장 찾아본 것만 해도, 맥북 디렉토리나 스티커 메모, 노션... 전 회사 업무 내용이 포함되어 첨부하진 않았지만 맥북 메모 앱에도 꽤 있다. 😅 맥북 포맷하기 전 미리 내용을 정리해서 그만이지 그냥 뒀다면 다람쥐마냥 코드 저장해놓고 잃어버리고 다시 쓰고 계속 반복했을 수도...? 아무튼 그리해서 나온 코드 관리 서비스 "javascript-archive". 원래는 혼자 쓰려고 대충 만들었는데 서비스라고 칭하기도 애매하고 뭔가 ..