vue 토이프로젝트

이전 글 보기 2023.12.21 - [개발 일지] - vue.js 토이 프로젝트 - SQL 시험 대비 문제풀이 사이트 (1) 프로젝트 시작 지난 번에는 전체적으로 빠르게 코드를 짜고 핵심 기능까지는 만들어 놓았다. 깃허브 저장소에 코드도 올렸고, 이름은 뭐로 할지 고민하다가 정말 직관적인 sql-test-helper로 정함... 좋은 네이밍 센스 가지고 싶당 저번에 계획한대로 전체적인 디자인을 입혔다. 그럭저럭 완성도 있고 심플하게 나온 것 같아서 마음에 드는 듯 😘 아무래도 문제만을 보는 사이트다 보니까 복잡할 수록 시선이 분산될 것 같아서 웬만한 건 다 빼버렸다 그냥 ... 다른 문제풀이 사이트들도 많이 참고하면서 봤는데, 원하는 느낌은 없는 것 같아서 기존에 짜놓은 틀대로 가기로 결정! 반응형 처..

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

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