본문 바로가기

분류 전체보기

 (985)
si 개발자의 flab[에프랩, f-lab] 상담 및 후기 개발자 커리어의 리밸런싱이 필요한 시점이라고 생각하지만, SI/SM 회사에서 고군분투하는 본인으로서, 서비스 기업 관점에서 커리어를 피드백해줄 사람이 회사에 없는것 같아, 외부 서비스를 찾던 중, f-lab이 눈에 들어와 상담을 신청하였다. 탑티어 서비스 기업 재직 및 인터뷰어 경험이 있는 멘토에게 맘편하게 질문해 볼 수 있는 좋은 기회였던 것 같다. 해당 게시물의 내용이 내 현 상황과 유사하여 링크를 첨부한다 주니어 이직러의 지극히 개인적인 F-Lab 멘토링 회고록 최근 성장에 목마른 개발자들 사이에서 F-Lab에 대한 관심이 높아지고 있는 것 같습니다. 저는 F-Lab 멘토링을 거쳐 얼마 전 원했던 회사들 중 한 곳으로 이직했고, 현재 열심히 적응 중인데요. F-Lab velog.io 어떤 식으로 기..
웹 컴포넌트(Web Component) 딥 다이브 javascript.info의 web component 파트를 학습 및 정리한 내용이다. https://javascript.info/web-components Web components javascript.info 웹 컴포넌트란? 웹 컴포넌트는 완결성있는 기능을 포함한 컴포넌트를 만들기 위한 표준 기술 집합입니다. 자체 애트리뷰트 및 메서드, 캡슐화된 DOM 및 스타일을 포함한 사용자 정의 HTML 요소입니다. 컴포넌트란 재사용 가능한 UI의 단위다. UI는 마크업 뿐만 아니라, 스타일, 렌더링 로직, 비즈니스 로직 등을 전부 포함한다. 즉, 컴포넌트는 시각적 의미와 구조(마크업), 디자인 요소(스타일), 기능(함수) 세가지의 적절한 조합이다. 웹 컴포넌트는 UI 컴포넌트를 개발하기 위한 웹 표준 기술이..
[번역] 자바스크립트 함수형 파이프라인으로 리팩토링 키워드 : javascript, 자바스크립트, 함수형 프로그래밍, 리팩토링, functional programming, refactoring 원문 : https://refactor-like-a-superhero.vercel.app/en/chapters/09-functional-pipeline Functional Pipeline | Refactor Like a Superhero Book about how to refactor code efficiently and without pain. refactor-like-a-superhero.vercel.app 함수형 파이프라인 코드를 비즈니스 로직과 최대한 유사하게 보이게 프로그래밍 하는 방법 데이터 변환 비즈니스 워크플로우는 데이터 변환입니다. 예를 들어 주문에..
[번역] 자바스크립트 리팩토링과 추상화 키워드 : 자바스크립트(javascript), 타입스크립트(typescript), 리팩토링(refactoring), 추상화(abstraction), 관심사의분리(seperation of concern) 원문 : https://refactor-like-a-superhero.vercel.app/en/chapters/08-abstraction Abstraction | Refactor Like a Superhero Book about how to refactor code efficiently and without pain. refactor-like-a-superhero.vercel.app 추상화 특정 데이터에 대해 로직을 적용하는 코드의 중복을 줄이는 방법은, 액션을 따로 파라미터화 하는 것이다. 이처럼 같은..
개발자의 갤럭시북3 울트라[NT960XFH-XD92G] 리뷰 원래 회사에서 지급받은 맥북을 사용하지만, OS를 Window로 통일한 프로젝트에 투입되게 되어(스프링 개발자로...), 이번 기회에 window 피시를 하나 구매해볼까 해서, 갤럭시북3 울트라(i9, 32gb, 1tb, rtx4070)를 구매하게 되었다. 단순 개봉제품을 320만원 정도에 구매하였다. 보유중인 여러 장비와 같이 사진을 찍어보았다. 느낀점 120hz의 주사율과 32gb램, 현존 최강 CPU에서 오는 속도감이 좋다. 기존 회사에서 지급한 8gb짜리 기본형 그램, 16gb램의 클라우드 개발 환경과는 차원이 다른것 같다. (최근에 표준 PC의 램 사양이 16gb로 올랐더라, 대부분의 개발자들이 16gb에 추가해서 로컬은 32gb로 확장하고 사용한다고 한다. 이제는 좀 개발 할 만 할듯?) ..
[번역] 리액트 Compound Component 잘 사용하기 원문 : https://itnext.io/unlock-the-full-potential-of-react-with-the-compound-components-pattern-495a1bdb8b8f 🔥 Best Practices of React Compound Components Pattern: Unlock the Full Potential Let’s improve React Component Design with This Surprisingly Easy Pattern itnext.io Compound Component 패턴이란? 컴파운드 컴포넌트 패턴(복합 컴포넌트 패턴)은 복잡한 컴포넌트를 만들기 위해 작은 컴포넌트들을 합성하는 것 내부적으로 캡슐화된 상태를 공유 보통 컨텍스트(상태)를 가진 부모 컴포넌트..
Leetcode 241: Different Ways to Add Parentheses(수식 모든 경우의 수 계산하기)[BFS,DFS] 원문 : https://blog.devgenius.io/leetcode-241-different-ways-to-add-parentheses-e2612dd8e86f Leetcode 241. Different Ways to Add Parentheses Problem Description: Given a string expression of numbers and operators, return all possible results from computing all the different… blog.devgenius.io BFS, DFS 패턴은 거의 다 마스터 했다고 생각했는데, 이러한 토크나이징 문제에 약점이 있었을 줄은 몰랐다. 1*1-2+3*4의는 연산자가 3개이기 때문에 총 3! === 6개의 결과가 ..
프론트엔드 클린 아키텍처 with React 원문 : https://bespoyasov.me/blog/clean-architecture-on-frontend/ Clean Architecture on Frontend In this post, I describe what the clean architecture is, how to use it with JS/TS code bases and if it's even worth it. bespoyasov.me 백엔드에서 주로 사용하는 클린 아키텍처를 프론트엔드에 어떻게 적용할 수 있을까? 레이어의 분리 먼저 의존성의 방향을 정립하기 위해 레이어를 분리한다. 가장 순수한 우리의 코드, 애플리케이션인 Domain은 다른 어떤 것에도 의존해선 안된다. Domain 계층에는 도메인 객체, 도메인 서비스만 존재할 수..

티스토리툴바