프론트엔드 개발자가 팀프로젝트에서 주도할 수 있는 방법을 고민

AI시대에 맞는 개발자를 교육하는 네이버 커넥트재단에서 운영하는 프로그램이다. 과정은 베이직, 챌린지, 멤버쉽로 총 3개로 구성되어 있다. 참고모집 분야는 웹 풀스택, 모바일(ios, android)로 나누어져 있다. 프론트엔드 개발만 해 오다가 최근 백엔드에도 관

저번 포스팅에서는 깃허브 이슈와 지라 이슈 자동화에 대한 워크플로우를 만들어봤습니다. 하지만 지라 이슈의 담당자를 직접 설정해줘야 하는 문제가 있었습니다. 이 부분을 자동화하지 않으면 워크플로우의 의미가 없다고 생각했어요. 그래서 이번엔 이슈 담당자 자동화를 해 보았습

Atlassian에서 개발한 프로젝트 관리 및 이슈 추적 도구로, 주로 소프트웨어 개발팀에서 사용됩니다. 애자일 방식에 유용하며, 칸반, 스크럼 등 다양한 방법론을 지원합니다. 프로젝트를 도중에 '깃허브 프로젝트 기능보다 더 나은 도구가 없을까?'하는 생각이 들었습니다

Sentry란? 왜 사용할까? 적용해보기

객체를 선언하고 그 key를 타입으로 쓰고 싶다면 무조건 as const를 붙이고 keyof typeof를 쓴다.버튼 타입 prop은 'primary' | 'secondary' | 'danger'만 가능하다.실수로 'Third' 를 넣으면 컴파일 에러가 난다.fetch

프로젝트에서 옆으로 넘어가는 카드 슬라이드를 구현하였습니다. 슬라이드는 보통 옆으로 쭉 늘어뜨려 카드를 배열해 놓고 슬라이드 할 때마다 현재 카드만 보이도록 옆쪽에 위치한 카드를 의도적으로 가립니다.즉, 현재 보이는 카드 부분만 사용자에게 보여주면 된다는 것입니다. 만

올해 1월부터 3월까지 저는 총 3개의 프로젝트를 진행해왔는데요. 함께 자라기에서 본 회고를 실천하기 위해 이제부터 자주 회고글을 작성할 생각입니다.깃허브와 디스코드, jira 연동으로 변경사항 추적이 쉽고 간편해졌다.사용한 기술에 대해 기록하는 습관을 들였다.더 좋은

코드 리뷰를 자동으로 해 주는 툴이 있다고 해서 적용해 보았는데요CodeRabbit 에 먼저 들어갑니다.여기서 Get a free trial을 클릭합니다.저는 github와 바로 연동하기 위해 Sign up with Github를 클릭해 주었습니다.깃허브 내에서 코드래

저는 현재 학교에서 동아리 지원 관리 플랫폼을 제작 중입니다. 아래는 해당 프로젝트 깃허브 링크입니다.moadong이번에 메인페이지에 들어갈 캐러셀을 제작하게 되었습니다.Typescript와 styled-component를 사용하였고 반응형과 무한 캐러셀 동작에 집중하

Library가 아닌 Framework 이기 때문(= React.js 전용 웹 개발 프레임워크 but, React는 라이브러리)기능 구현의 주도권이 누구에게 있는가?주도권이 개발자에게 있다 -> Library주도권이 개발자에게 없다 → FrameworkLibrary어떤

지금 만들고 있는 동아리 지원 플랫폼에서 디자이너분이 주신 피그마 영상입니다. 이 페이지는 동아리 상세보기 페이지입니다. 개발하려고 하는 것은 모집정보, 동아리정보, 소개글, 활동사진이 있는 탭과 자동 스크롤입니다.탭 클릭 시 클릭된 메뉴의 아래 테두리가 검게 칠해진다

2개의 타입 Dog와 Cat의 유니온 타입인 Animal 타입까지 정의했습니다.매개변수로 Animal 타입의 값을 받아 동물에 따라 각각 다른 경고를 콘솔에 출력하는 함수를 만들었습니다. 이때, Dog또는 Cat타입인지 알기 위해 in 연산자를 이용해 타입을 좁힙니다.

저는 React로 웹을 개발해오던 사람입니다. 최근 간단하게 앱을 만들 일이 있어서 알아보다가, 제가 쓰던 React와 가장 비슷한 React Native를 알게 되었습니다. 저는 이 두 개가 어떻게 다르며, 왜 나누었을까 하는 궁금증이 생겼습니다. 자바스크립트 컴포넌

컴포넌트 관리의 필요성 프론트엔드 개발자라면 공통으로 사용되는 컴포넌트 관리를 위해 많은 신경을 쓴 경험이 있을 것입니다. 저는 이번에 동아리 지원 플랫폼 개발을 시작했는데요, 여기서 Storybook을 도입하고자 합니다. 처음에는 Storybook을 왜 사용하는지

동기 자바스크립트는 싱글 스레드 기반 언어입니다. 한 번에 하나의 작업을 수행한다는 뜻인데요, 동시에 여러 작업을 할 수 없다는 뜻이기도 합니다. 를 하면 1과 2가 순서대로 출력될 것입니다. 이렇게 순차적으로 동작하는 것이 동기적으로 동작한다고 볼 수 있습니다.

React.memo는 props의 얕은 비교를 통해 자식 컴포넌트가 받을 props가 이전과 동일한 경우, 자식 컴포넌트의 리렌더링을 방지한다.부모가 렌더링되어도 자식에게 전달된 props가 참조적으로 동일할 때자식 컴포넌트 내부의 상태나 context 값이 변경되지

저는 이번에 React 공식문서를 통해 갖가지 Hook들의 동작원리를 알아보려고 해요. 개발할 때 안 쓰이는 곳이 없을 정도지만 어떤 원리로 사용해야 하는지 아직 잘 모르겠다고 생각했어요. useState State를 통해 컴포넌트는 정보를 기억해요. 개발 중 많이

상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5킬로그램 봉지가 있다.상근이는 귀찮기 때문에, 최대한 적은 봉지를 들고 가

회고 2024년은 어느 해보다 열정적이었던 한 해였다고 생각합니다. 동아리에서 임원진, 회장을 하면서 두 개의 프로젝트, 그리고 우아한 테크코스 준비까지 여러 활동을 했었습니다. 이 과정에서 제가 느낀 점을 공유하고자 합니다. WAP 임원진 개발동아리 WAP에 들어온지 한 학기가 지났을 무렵 저는 임원진이라는 직책을 맡게 되었습니다. 회원으로 있으면...