본문 바로가기

분류 전체보기

노션 블록 데이터를 활용한 NotionRenderer 설계 및 구현 과정 이 글은 노션 블록데이터를 활용해 적절한 스타일링을 통한 커스텀 렌더링하는 함수를 설계하고 구현하고, 마주한 여러가지 문제점들을 해결한 과정을 담은 글이다. 기존 코드의 문제점 파악NotionRenderer를 본격적으로 설계하고 구현하기 전에, 기존에 사용하던 코드의 문제점과 단점을 먼저 파악하는 것이 중요했다. 초기 코드에서는 Notion의 복잡한 블록 데이터를 효과적으로 처리하지 못해 여러 문제가 발생했다. 노션데이터 구조를 분석해보자[ { "parent": { "type": "page_id", "page_id": "29c3db9a-42de-41a8-b513-28e6d376f2cd" }, "created_time": ".. 더보기
음대생, 프론트엔드개발자, 스타트업에서의 1년, 회고 예고, 음대를 다니며 예체능을 전공했던 내가, 개발을 공부해서 프론트엔드 개발자 신입으로 취업하고, 취업한 이 스타트업에서 1인 프론트엔드 개발자로 1년을 보냈다. 혼자서 모든 프론트엔드 작업을 책임지며 다양한 도전을 겪었고, 그 과정에서 느낀 것들이 많다. 특히, 왜 이렇게 성장에 집착하게 되었는지, 그 이유를 생각하며 그 1년간의 회고와 함께 돌아보고자 한다. 입사 초기의 압박감스타트업에서는 리소스가 항상 부족하다. 프론트엔드 개발자로 합류한 나에게 주어진 역할은 단순히 코드를 작성하는 것을 넘어서, 디자인에서부터 배포까지 모든 과정을 책임지는 것이었다. 초기에는 혼자서 이 모든 것을 해내야 한다는 압박감이 컸고, 그게 가장 큰 성장의 원동력이 되지 않았나 싶다. 처음에는 작은 기능 하나를 구현하는 .. 더보기
React로 만든 일정 관리를 위한 백오피스 캘린더 컴포넌트 2024년 08월 30일#개발일기🐕 #React👨🏻‍💻 #캘린더📅 #난오늘_무얼했는가🤷🏻‍♂️#트러블슈팅아님🙅🏻‍♂️ #그냥_뭐라도쓰기✏️ #일기_습관만들기_챌린지🔥 회사에서 백 오피스를 마이그레이션 하고 있는 요즘, 일정 관리를 위한 캘린더 컴포넌트가 필요했다. UI보다는 기능 위주의 빠른 개발이 우선이었기에, 편하게 라이브러리를 사용해 개발하려고 했다.하지만 적절한 라이브러리를 찾다보니, 딱히 마음에 드는게 없어서 조금 더 시간이 걸리더라도 차라리 직접 한번 만들어보는것도 괜찮겠다 싶어 시작하게된 일정 관리 캘린더.호로록 내 입맛에만 맞게 편하게 만들어보자는 생각으로 가볍게 시작했던 캘린더였지만, 생각보다 하다보니 계속 디테일한 욕심도 생겼다.. 괜히 더 신경써서 만들어보고싶은 느낌.. 더보기
2주차 회고 - React 파헤치기 2주차 회고 - React 파헤치기프론트엔드 개발자 신입으로서, 처음에 리액트는 그냥 내가 아는 바닐라자바스크립트를 제외한 프론트엔드 개발 방식의 거의 전부였고, 자바스크립트 웹개발의 여러 불편함들로부터 나를 해방시켜줬던 너무나도 유용한 툴이었다. 널리 그만큼 사용되고있는 명확한 이유들은 분명 존재한다.내가 당장 생각해보기에도, 가상돔, jsx 구문, react hooks, 활발한 커뮤니티 생태계, 유연성과 확장성 등은 거부할 수 없는 리액트만의 큰 장점임이 분명하다. 그래서인지, 장점들이 나한테는 아직 많이 크게 다가오는듯 해서 딱히 단점이라고는 생각해본 적도 없었고, 리액트를 사용하지 않고 개발한다는 것에 대해서는 아직 생각해 본 적도 없는 것을 보니, 불만도 없었나보다.하지만 리액트도 프론트엔드 개.. 더보기
230316 항해 1주차 회고 1주차 회고 - 자바스크립트 기본기 다지기회고실무에서 언제나 React, Next.js를 사용해 개발하지만, 바닐라 자바스크립트는 언제나 왠지 모르게 항상 뭔가 불편했었다. 처음 개발 공부를 시작했을 때 공부했던 것 이후로는, 바닐라 자바스크립트로 개발해본 경험이 없는 것이 사실이었다. 그 기본기가, 스스로 그 부족함을 알고있었기에, 첫 주차 과제부터 꽤나 자신감이 없이 시작했던 것 같다..발제시간에 멘토님께서 자바스크립트 기본기 관련 주제에 대한 설명과 과제를 내어주시는데, 시작부터 좀 막막한느낌. 다 한번씩 공부했었던 개념이지만, 오랜시간 활용하지 않아서인지 낯설게 느껴졌다. 이럴줄 알고, 교육이 시작되기 전에 제공된 자바스크립트 강의를 한번 쭉 듣고 와서 그나마 다행이었지… 그래도 처음 공부할 때는.. 더보기