우먼잇츠 ax 세미나에 다녀왔습니다. 참여형 세미나라고해서 구미가 당겼고 네트워크 할 생각에 세미나 전 주부터 기대를 많이했었습니다. 이전에도 비슷한 행사에 참여한 적이 있어서(스타트업 밋업) 명함을 주고받으면서 각자의 고민을 이야기하며 네트워킹 하는시간이 많을 줄 알았는데, 그런 시간보다는 가볍게 네트워킹 진행 후 30분씩 세션을 진행하는 시간을 가졌습니다. 테이블마다 자유석으로 입장순서대로 앉아야했고 (지정석X) 각자 돌아가면서 자기소개하는 시간 (1-2분정도 짧게)을 가졌습니다.행사는 네트워킹-축사-세션 순서로 진행이 되었고 네트워킹 시간에는 테이블 별로 6-7명씩 앉았고 돌아가면서 1분간 직군 상관없이 오늘 온 이유와 요즘 가장 관심있는 AI에 대해 소개하는 시간을 가졌습니다. 두 분의 발표 내용..

회사에 새로 도입되는 SaaS 프로젝트의 E2E 테스트 환경을 구축하려다 우연히 본 “시각적 회귀 테스트”라는 글을 읽었다. (출처: 우아한 공방 )시각적 회귀 테스트(Visual Regression Test)는 코드 변경 전/후의 스크린샷을 비교해 차이를 감지하고 예기치 못한 오류를 확인하여 UI의 시각적 일관성을 제공할 수 있도록 하는 테스트이다.내가 알고있는 테스트 종류는 Unit Test, Integration Test, E2E Test가 전부였는데.. 아직 내가 알고 있는 지식이 전부가 아니라는걸 또 한번 깨닫고 기꺼이 학습할 수 있게 되어 기쁘다. (요즘같이 AI에게 모든걸 맡기는 시대에..) 그래서 언제 사용하는데?이 시각적 회귀 테스트에 대한 글을 읽고 어떨 때 사용하는건지 궁금해졌다. ..

DND를 신청할 때의 상황간략히 이야기를 해보자면 이력서의 수정본을 (_최종 _최최종) 막 마치고 올해 목표로 세웠던 인턴을 하기 위해 이력서를 넣으면서 서류통과했던 곳들 중에서 이곳저곳 면접 소식과 탈락소식(…)이 들려오던 참이었습니다.면접준비와 코테(안 하진 않고 틈틈이.. 했습니다?)를 병행하면서 하루하루를 보내고 있었습니다. 최측근 지인 C모군께서 연합동아리를 지원할 때라 저에게도 권하시길래 처음에는 감흥이 없었습니다.학부생 시절 연합동아리에 지원하면서 턱없이 높은 프론트엔드 경쟁률을 보면서 엄두가 안 났었고 동아리를 하고 싶어서 한창 넣었을 때 동아리 서류마저 칼광탈하던 시절이 있었어서 별로 기대를 안 했습니다. 서류 지원 문항서류를 쓰면서도 큰 기대를 안 했습니다.하지만 쓰다 보니 욕심이 생겼..

사실 풀스택 프로그래머스를 지원하기 전까지 저는 “프로젝트 고도화”에 굉장히 목을 매던 사람이었습니다.채용시장에 쏟아져 나올 수많은 프로젝트와 스터디가 말도 안 되게 많을걸 알기에 다른 프로젝트와 차별화를 두고 싶었고 그만큼 의미가 있었다는 걸 어필하고 싶었습니다.그러나 언제까지 고도화만 붙들고 있을 순 없었기에 개발자로서 다양한 경험을 택했고 부족하지만 채용시장에 과감히 뛰어들었습니다!(풀스택을 지원하며 저는 다른 누군가의 관점에서 프론트엔드를 바라보고 싶었습니다.하지만 채용시장은 아직 겨울이군요..🥶 더 열심히 해야겠습니다….) 글을 시작하며 …프로그래머스에서 풀스택 활동의 계기는 ‘백엔드 관점에서 같이 일하고 싶은 프론트엔드는 어떤 사람일까?’ 질문에서 시작했습니다. 사실 End-To-End 프로..

글을 시작하며리액트 공식문서를 끝까지 읽으며 공부한 적이 없는 것 같아서 더 깊이 있게 공부하고자 공식문서를 공부하게 되었습니다. 학부생으로서 막학기를 지내며 이력서, 포트폴리오, 코딩테스트 등등 할 일이 많지만 차근차근 학습해 나가도록 하겠습니다!이번 시간에는 useActionState를 공부하며 직접 코드로 구현해보는 시간을 가져보려고 합니다.useActionState란React 19버전에 도입되었으며, 폼 액션의 결과를 기반으로 state를 업데이트할 수 있도록 제공하는 Hook입니다.이전 버전에서는 비동기 작업의 상태를 추적하기 위해 여러 개의 useState를 사용해 각각의 상태를 따로 관리해야 했습니다.하지만 useActionState를 사용하면, 별도의 상태 훅 없이도 form 액션의 결과와..

N+1 문제란?N+1 문제란 1번의 쿼리를 사용해서 N개의 데이터를 가져올 때, 해당 데이터와 관련된 모든 데이터를 가져오기 위해 추가적으로 N번의 쿼리가 실행되는 문제를 말합니다. 이를 이해하기 위해서 먼저 로딩 방식에 대해 알고 있어야 하므로 프로젝트에서 사용한 코드와 함께 로딩방식을 정리한 후 N+1문제에 대해 정리하겠습니다.예시코드user테이블과 comments 테이블의 관계는 1:N이고 이를 NestJS에서 TypeORM을 사용했을 때, 다음과 같이 나타낼 수 있습니다.@Entity('users')export class User { @PrimaryColumn({ type: 'int' }) id: number; @Column({ unique: true }) social_id: string;..