빛나라 지식의별

우당탕탕 사내 개발 스터디 참여기 정말 오랜만에 글을 쓴다. 회사를 다니다 보니 평일엔 일하고, 주말엔 취미생활을 하고... 문득 정신을 차려보니, 개발 공부 의지가 적어지고 게으른 내가 보였다. 이대로 가다간 영원히 쓸모없는 개발자가 될지도 모른다는 생각에 공부할 책을 찾아보고 있었는데 정말 기쁘게도 때마침 JS 버전의 리팩터링(2판) 사내 스터디를 모집한다는 슬렉이 올라왔다! 바로 참여하고 OT를 진행했다. 일주일에 100페이지 이상씩 읽어 5~6주 차엔 완독을 하는 것을 목표로 달린 사내 스터디, 내용이 정말 어렵고 힘들었지만 개인적으로 많은 도움과 자극을 받았다. 오늘은 책을 읽으며 그동안 몰랐었던 용어들을 정리하며, 간단한 독후감? 후기를 쓰려 한다. 아직도 어려운 개발용어들 개발자로 일하기 시..

Router - view의 기능을 새로 발견했다🧐 새로 알게된 기능을 기록하려고 한다. 막 엄청난 내용이 아니긴한데 그래도 기록해놓으면 오래 기억할 수 있으니깐! vue는 내장기능을 이용하여 싱글페이지 애플리케이션이 구현이 가능하다. 자주 포스팅 했던 router라는 기능이다. 그 중에서 오늘 알아볼 router-view는 태그의 추가 기능이며, 이것을 어떻게 사용하는지, 왜 쓰는지에 대해 작성해보려고 한다. 페이지를 많이 만들다보면 마주치는 문제점! 이 문제점은 하나의 카테고리에 있는 상품등을 클릭했을 때 발생하는 문제다. 예를 들어, 인터넷쇼핑몰에서 간식을 구매하려고 했을때, 보통 우리는 스낵/간식 카테고리에 들어가서 노출된 상품을 본다. 그리고 그 중 하나를 골라서 상세페이지로 들어간다. 이때 주소..

Apexcharts를 다뤄볼까🤫 작업 중 그래프를 많이 다뤄야하는 부분이 생겼다. 어떤 라이브러리를 사용할까 고민하던 중 Apexcharts를 사용하기로 결정했다. 별다른 이유는 없고 그냥 참고하던 사이트가 해당 라이브러리를 사용했었고 데모 디자인들이 좋은게 많았기 때문이다. 사이트에 들어가면 소스코드도 포함되어 있고 여러모로 편리하다! 또 vue 버전도 있어서 아주 만족! ⚙️ Apexcharts 사이트 ⚙️ 간단하게 그래프를 만들어보자 말그래도 간단하게 그래프를 만들어보자. 데모페이지에는 소스코드가 존재하기 때문에 복사해서 붙여넣고 원하는대로 수정을 하면된다. 막대그래프를 예로 들면서 코드안에 어떤게 어떤 내용인지를 기록하려 한다. 은근히 커스텀하려면 많이 검색해봐야했었다. 아래 사진으로 첨부되어있는..

S3에 자바스크립트로 엑셀파일을 올리고싶다🥲 자바스크립트를 이용하여 S3에 엑셀 파일을 업로드하고 싶었는데... 구글에 검색해도 자바스크립트는 이미지 업로드 방법만 나오고, 나머지는 node.js 방법이고 엑셀 파일에 대한 내용은 많이 없고 흑흑 진짜 당황스러웠다. 작업하면서 내용을 전부 완벽하게 이해하진 못했지만 그래도 어찌어찌 해결해서 그 내용을 기록하려고 한다. 정확한 내용은 아니기 때문에 오류가 있을 수 있다. 주의하자! S3에 엑셀 파일 올리기 S3에 파일을 올리는 방법을 설명하자면 버킷부터 설정해야하지만, 해당글은 그런 내용은 생략하고자 한다. 작업할때 이미 버킷이 있었고, 또 기록하고싶은 내용에서 그 부분은 크게 중요하지 않기 때문에😅 자, 그러면 이미 버킷설정까지 전부 했다는 가정을 하고 ..