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

본문 바로가기

인기글

[라이브러리] 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
[React] React Portal 기술을 이용하여 Modal을 만드는 방법(실습파일 하단 첨부) [React] React Portal 기술을 이용하여 Modal을 만드는 방법(실습파일 하단 첨부) 요즘 리액트 고급 기술들을 격파하고 있습니다. 그 중에 하나인 React Portal을 활용하여, Modal을 만들어봤습니다. Portal? Portal은 리액트 프로젝트에서 컴포넌트를 렌더링하게 될 때, UI 를 어디에 렌더링 시킬지 DOM 을 사전에 선택하여 부모 컴포넌트의 바깥에 렌더링 할 수 있게 해주는 기능입니다. 초기 세팅 //App.js import React, { useState } from "react"; import "./App.css"; import { MyModal } from "./MyModal"; import { ModalPortal } from "./ModalPortal"; co.. 댓글 0 2023.02.06
[Figma] 피그마 개발자 모드 업데이트 및 VSCode 플러그인(Figma Dev mode with Figma for VS Code) [Figma] 피그마 개발자 모드 업데이트 및 VSCode 플러그인 (Figma Dev mode with Figma for VS Code) 후후 어도비 이놈들 피그마를 완전 유료화(?) 시킬 빅픽쳐를 그리는 것인가 엄청난 것을 업데이트 했군.. 후후후 개발자 모드라니!! 심지어 VScode 플러그인 까지 출시 하다니! 피그마의 개발자모드 출시(2023.06.22) 얼마전 한국 시간으로 6월 22일 오전 1시 피그마 컨퍼런스 2023(config 2023)에서 엄청난 것을 선보였습니다. 피그마에 개발 지향적 업데이트가 이루어졌는데요. 바로 개발자모드(Dev mode)를 공개한 것입니다. 전체적으로 패널이 변경 되어서 마치 크롬 개발자 모드 창을 오픈한 것과 같은 느낌으로 변했습니다. 컴포넌트의 값과 반응형.. 댓글 0 2023.06.28

최신글

프로젝트

Devlog

티스토리툴바