개발 일지

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

정보처리기사 자격증을 공부할 때 SQL 문제들을 연습할 곳이 너무 없었다. 그래서 계속 블로그들을 찾아서 복원 문제만 풀어보고를 반복했는데, 지금은 취득했지만, 붙든 못 붙든 꼭 만들어봐야 겠다고 다짐한 사이트! 마침 주변에 정보처리기사 준비 하는 지인들이 있어 1회차 시험 치르기 전에 미리 만들어서 도움을 주고자 한다. 무작정 공부하는 것도 좋은 방법이지만, 필요한 서비스를 생각하고 작은 규모라도 만들어 보면서 배우면 손에 좀 더 빨리 익는 기분이다... 😉 큼지막한 기능은 대충 아래와 같이 구상했다. 기존 문제 (복원 문제) 풀어보기 회차별 풀기 대비 문제 생성 문법 및 단원 공부 (미정) 별거 없지만... 만들고보면 누구에게든 도움이 되지 않을까 싶은 마음이 있다. 그리고 잘 다듬으면 내가 다른 자..

이전 글 보기 - 전체 코드 및 소개는 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". 원래는 혼자 쓰려고 대충 만들었는데 서비스라고 칭하기도 애매하고 뭔가 ..