박히밍 개발 블로그 :: 박히밍 개발 블로그

본문 바로가기

인기글

[라이브러리] exceljs를 활용하여 JS데이터를 엑셀 파일로 추출해 보자. [라이브러리] exceljs를 활용하여 JS데이터를 엑셀 파일로 추출해 보자. 서론 사내에서 React 환경에서 CMS 개발 파트 담당하다보니, 드디어 테이블 데이터를 추출하여 엑셀 파일로 다운로드 받을 수 있는 기능을 구현하게 되었다. 넘넘 신나고 재밌서..! 😎 exceljs란? exceljs란 javascript에서 데이터를 엑셀로 추출 및 조작할 수 있는 node 환경 라이브러리로, 특정 셀의 스타일을 커스텀하고 합칠 수 있는 장점이 있는 라이브러리이다. 공식문서 링크 npm exceljs 링크 https://www.npmjs.com/package/exceljs exceljs Excel Workbook Manager - Read and Write xlsx and csv Files.. Latest .. 댓글 0 2023.06.28
[VSCode] 글씨체를 멋지게 바꿔 보자.(Fira-Code) [VSCode] 글씨체를 멋지게 바꿔 보자.(Fira-Code) 1. 설정 방법 Fira-Code 공식문서 https://github.com/tonsky/FiraCode GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub. github.com 위 링크로 이동하여 폰트를 다운로드 받은 뒤 폰트를 PC에 설치 후 VSCode setting.json 설정한 뒤 재부팅 할 것 settings.json "editor.. 댓글 2 2023.05.15
[취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 1편 (강의 추천) [취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 1편 (강의 추천) 1. 서론 나는 비전공자다! 전공은 요리였고 요리 쪽으로 꽤 오래 일하다가 국비지원을 통해 웹퍼블리셔가 되었다. (그때 나의 나이 29,,) 웹퍼블리셔 직무로 2년 조금 넘게 일 하다가 회사의 정리해고 이후 실업급여를 받으며 Javascript와 React를 독학으로 공부하여 현재는 한 회사에 React / Next.js / Zustand / React-query / Swagger 등을 이용하여 웹퍼블리셔와 프론트엔드의 사이 일을 하고있는 개블리셔 일을 하고 있다. 더 나아가 회사에서 요구하는 나의 포지션은 프론트엔드 개발자로서의 포지션이니까 프론트엔드개발자 취업후기로 작성하도록 하겠다. 이 글을 쓰게 된 이유는 국비지.. 댓글 58 2023.03.23
[Next] Next.js 핵심 기능 정리(Page Router 기준) [Next] Next.js 핵심 기능 정리(Page Router 기준) Next.js 설치 방법 npx create-next-app@latest // 최신 버전 설치 npx create-next-app@12 // 12.3.4가 설치 된다. Next.js 핵심 기능 정리 1. pages 파일 기반 라우팅(File Base Dynamic Routing) Next.js는 File System 기반 라우팅을 제공한다. 파일 기반 라우팅 VS 코드 기반 라우팅 파일 기반 라우팅(File-base) 보일러 코드가 필요하지 않다. 직관적이다. 파일과 폴더의 구조가 라우팅에 영향을 미친다 코드 기반 라우팅(Code-base) 보일러 코드가 필요하다.(, … ) 라우팅의 개념에 대해 새롭게 배워야 한다. 파일과 폴더 구.. 댓글 0 2023.12.15
[취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 2편(공부 방법 / 포트폴리오 / 이력서 / 면접 ) [취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 2편(공부 방법 / 포트폴리오 / 이력서 / 면접 ) 1. 서론 지난번 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 1편에 이어서 2편을 열심히 쪄왔다. 사실 더 일찍 오고싶었으나 너무 바빴다 ㅠㅠㅠ.. 이 이상 늦으면 아예 업로드 자체를 못할 것 같아서 주말에 후다닥 작성🥹 혹시나 1편 강의 추천을 안 보신 분들은 아래 링크로 들어가서 보시면 됩니다! https://heeeming.tistory.com/entry/%EC%B7%A8%EC%97%85%ED%9B%84%EA%B8%B0-%EB%B9%84%EC%A0%84%EA%B3%B5%EC%9E%90-%EC%9B%B9%ED%8D%BC%EB%B8%94%EB%A6%AC%EC%85%94-%EB%.. 댓글 55 2023.04.16
[React] 맥(Mac os) VSCODE 리액트 프로젝트 생성하는 방법(개발환경세팅) React 맥(Mac os) VSCODE 리액트 프로젝트 생성하는 방법(개발환경 세팅) 현재 리액트 스터디를 하면서, 인강에서 알려주는 대로 개발환경을 세팅하다 보니 기억에 남지도 않고 신규 토이프로젝트를 진행할 때마다 일일이 인강을 찾아서 볼 순 없다고 생각이 들어, 오늘에야말로 리액트 개발을 할 때 제일 중요하지만 자주 까먹는 개발환경 세팅에 대해서 기록해놓으려고 한다. 1. 노드.js(Node.js) 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 노드.js 공식 홈페이지로 들어가 LTS 버전으로 설치한다. 최신 버전을 설치해도 되긴 .. 댓글 0 2022.09.24

최신글

프로젝트

Devlog

티스토리툴바