- 발행일
패스트 캠퍼스 챌린지 30일차 미션 (3월 02일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 30일차 미션 (3월 02일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 30일차 미션 (3월 02일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 29일차 미션 (3월 01일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 28일차 미션 (2월 28일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 27일차 미션 (2월 27일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 26일차 미션 (2월 26일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 25일차 미션 (2월 25일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 24일차 미션 (2월 24일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 23일차 미션 (2월 23일) : 마이크로 FE 강의 후기
마이크로 프론트엔드의 세계는 마치 퍼즐을 맞춰가는 과정과 같다. 서로 다른 팀이 개발한 조각들이 하나의 그림을 완성하듯, 독립적으로 동작하는 여러 애플리케이션을 하나의 화면에서 조화롭게 보여주려면 다양한 기술과 고민이 필요하다.
마이크로 프론트엔드에서 Web Components를 이용한 프래그먼트 통합 방식은 처음엔 복잡하게 느껴졌다. 기존의 SPA(Single Page Application) 방식에 익숙하다 보니, 여러 개의 독립적인 프런트엔드 애플리케이션을 하나의 페이지에서 조합하는 개념이 어색하게 다가왔…
마이크로 프런트엔드에서 서버 측 SSL 통합을 학습하며 느낀 점
이번에 마이크로 프런트엔드와 Nginx 프록시 기반 통합을 학습하면서 가장 인상적이었던 점은 각각의 프런트엔드 애플리케이션이 독립적으로 존재하면서도, 서버 측 프록시를 통해 하나의 애플리케이션처럼 동작할 수 있다는 점이었다. 기존의 모놀리식 프런트엔드 방식에서는 하나의 프로젝트에서 모…
AJAX를 이용한 프래그먼트 통합 기법 학습 후기
패키지 매니저와 모노레포 빌드 시스템 도구 및 개발 도구 선택에 대한 고찰
Webpack과 Vite 학습 후기 및 느낀점
esbuild와 SWC 학습 후기 및 느낀점
Rollup, Terser, Babel 학습 후기
모놀레포(Monorepo)에서 Rush와 Turborepo 사용 후기
모노레포 관리 도구 Lerna와 Nx 학습 후기
pnpm 워크스페이스와 모노레포 빌드 시스템 학습 후기
NPM Workspace와 Yarn Workspace 학습 후기
모노레포와 프론트엔드 프로젝트 및 패키지 매니저 학습 후기
싱글 레포지토리, 멀티 레포지토리, 모노레포 비교 및 모노레포 학습 후기
공통 모듈 설계 및 인터페이스 결정, 마이크로 프론트엔드와 디자인 시스템 학습 후기
모노레포 도입 여부 결정 및 구현 방식에 대한 학습 후기
마이크로 프론트엔드를 규정하는 가장 중요한 요소에 대한 고찰
마이크로 프론트엔드(Micro Frontend)를 학습하면서 기존의 모놀리식 프론트엔드 아키텍처와 비교해 이 방식이 가지는 장점을 깊이 이해할 수 있었다. 대규모 애플리케이션에서는 유지보수성과 확장성이 중요한데, 마이크로 프론트엔드는 이러한 문제를 해결하는 데 효과적인 접근 방식이라는…
이번 학습을 통해 마이크로 프론트엔드(Micro Frontend)의 개념과 실제 적용 사례를 깊이 있게 이해할 수 있었다. 기존에는 프론트엔드 개발이 하나의 모놀리식 구조로 이루어지는 경우가 많았지만, 마이크로 프론트엔드는 이를 분할하여 팀별로 독립적인 개발과 배포가 가능하게 한다는 …
마이크로 프론트엔드와 모노레포 학습 후기
1. 기술은 항상 문제 해결에서 시작된다.
2024년 10월 제로베이스 개발자 면접 합격반을 수료하고, 11월 10일 프런트엔드 모의면접을 봤습니다. 코치 피드백의 핵심은 세 가지였어요. 두괄식으로 답할 것, 써봤다가 아니라 왜 골랐는지를 말할 것, TripTune을 메인으로 내세울 것. 이 피드백이 이후 글 쓰는 방식까지 바꿨습니다.
리액트의 성능 최적화는 개발자에게 중요한 관심사 중 하나입니다. 특히, 복잡한 UI가 빈번하게 렌더링될 때 성능 문제는 더욱 두드러집니다. 이러한 문제를 해결하기 위해 리액트 팀은 Fiber라는 새로운 아키텍처를 도입했습니다. 이번 글에서는 리액트에서 Fiber가 무엇인지, 그리고 F…
React의 핵심 개념을 배우고 JSX를 통해 실제로 코드를 작성합니다.
React의 핵심 개념을 배우고 JSX를 통해 실제로 코드를 작성합니다.
[React] props와 state의 공통점과 차이점에 대해
[원티드] 당신의 코드는 기본에 충실한가요?
[원티드] 로그인 기능 구현, 하나부터 열까지!
프론트엔드 개발, 어떤 기술이 제일 적합할까요? 같이 알아봅시다.
[원티드] 성장 프레임워크:주니어를 위한 네 가지 질문
[원티드] 실무에서 바로 적용 가능한 리액트 핵심 기술
1) 데이터 / 계산 / 액션만 구분해도 중간은 간다
1. 이벤트 루프란 무엇인가? 2. 비동기, 동기 프로그래밍에 대해서 3. 싱글스레드와 멀티스레드에 대해서 4. 큐와 스택을 이해하기 5. 이벤트 루프의 큐와 콜스택 알아보기
[원티드] 클린 코드 프론트엔드
1. 리팩토링 경험이 있다면 무엇을 어떻게 리팩토링 했는지 작성해주세요. 2. Web Vitals에 대해 설명 해주세요. 3. 테스트에서 mocking에 대해 설명 해주세요. 4. e2e 테스트에 대해 말해주세요. 5. 전역 변수를 사용하면 어떤 장점이 있나요?
2021년 11월, 첫 회사에 다니면서 패스트캠퍼스 Byte Degree 과정 두 개를 수료했습니다. Python & Django Essential(장고스타그램 만들기)과 Data Science with Python(플레이스토어 데이터 분석). 프런트엔드로 일하던 시기에 백엔드를 처음 손댄 기록이라 수료증만이라도 남겨둡니다.
코멘토 직무부트캠프에서 4주간 SQL 기초부터 가설 검증·대시보드까지 했던 기록입니다. 당시 노트에, 5년 뒤 실무에서도 실제로 남아 있는 것(COUNT의 NULL 처리, JOIN 선택, 그리고 "가설의 비즈니스적 의미 부재"라는 피드백)을 붙였습니다.
개발자로 일하기 전, 유전체 데이터 분석 교육 과정을 5개월간 이수한 기록입니다. Excel·Linux·Python·R 기초부터 패널 시퀀싱과 Multi-omics 분석까지 다뤘어요. 지금 하는 일과 직접 이어지진 않지만, 데이터에 구조를 부여하는 감각은 여기서 처음 배웠습니다.
현업 웹 개발자의 피드백을 받으며 4주간 방탈출 리뷰 사이트를 기획하고 만들어본 부트캠프 기록입니다. Django를 여기서 처음 배웠고, REST API 연동은 4주차에 실패한 채로 끝났습니다.
[코멘토][WEB]실제 현업 WEB 개발자와 함께 SW 포트폴리오 제작까지! (6.10 19시 시작)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, …
.chats-body { padding: 10px 0px; padding-top: 100px; }
<!!!!! 서버에서 작동 몇 초 안된거 무시 !!!!!>
선 사이에 여백이 없는 상태 인 것을 발견
난관에 들어간 문제점들... (추후 해결 했다고 판단하는 중)
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://use.fonta…
(부제: 카카오톡 클론 코딩, 코코아 톡)