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

본문 바로가기

인기글

[라이브러리] 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
[취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 1편 (강의 추천) [취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 1편 (강의 추천) 1. 서론 나는 비전공자다! 전공은 요리였고 요리 쪽으로 꽤 오래 일하다가 국비지원을 통해 웹퍼블리셔가 되었다. (그때 나의 나이 29,,) 웹퍼블리셔 직무로 2년 조금 넘게 일 하다가 회사의 정리해고 이후 실업급여를 받으며 Javascript와 React를 독학으로 공부하여 현재는 한 회사에 React / Next.js / Zustand / React-query / Swagger 등을 이용하여 웹퍼블리셔와 프론트엔드의 사이 일을 하고있는 개블리셔 일을 하고 있다. 더 나아가 회사에서 요구하는 나의 포지션은 프론트엔드 개발자로서의 포지션이니까 프론트엔드개발자 취업후기로 작성하도록 하겠다. 이 글을 쓰게 된 이유는 국비지.. 댓글 58 2023.03.23
[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
[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
[GSAP] GSAP 기본 문법 (Green Sock basic) - to(), from(), fromTo() [GSAP] GSAP 기본 문법 (Green Sock basic) - to(), from(), fromTo() 들어가기 전 🧐 GSAP(Green Sock Animation Platform)이란? 인터랙티브 웹을 위한 필수 요소를 따지자면 화려한 애니메이션과 스크롤 이벤트를 빼놓을 수 없을 것이다. 하지만 순수 CSS와 바닐라 자바스크립트로 구현하기엔 많은 어려움이 있기 때문에, 인터랙티브 한 웹을 좀 더 수월하게 구현할 수 있도록 도와주는 것이 바로 GSAP이다. GSAP는 자바스크립트 애니메이션 라이브러리로, 디자이너나 개발자들이 손쉽게 타임라인 기반의 애니메이션을 만들 수 있도록 도와주는 강력한 라이브러리이다. 타깃 오브젝트의 가속성, 형태 변화, 위치 변경, 연속성 등 다양한 효과를 쉽게 줄 수 .. 댓글 0 2022.11.24

최신글

프로젝트

Devlog

티스토리툴바