반응형 FRONT6 1. 프로젝트 리팩토링하는 방법 이번에는 프로젝트를 리팩토링하는 순서 및 방법에 대해 알아보고자 합니다. 저도 취업하기 전에는 교육과정에서 진행한 6주 프로젝트 세 번의 경험이 전부라, 기한 내에 제작하기 급급해 리팩토링할 엄두를 내지 못했습니다. 회사에 입사해 프로젝트를 진행하다보니, 요구사항이 변경되어 본의 아니게 작성한 코드를 변경해야 하는 문제가 꽤나 발생했습니다.그러다 보니 어떤 순서로 요구사항을 분석해 수정할지 방법론적으로 학습되었습니다. (실제 회사에서 업무하며 기록한 목록입니다.) 간단하지만, 적응하기 전에는 작성해둔 (어쩌면 팀원이 작성한) 코드를 분석하는 시간이 생각보다 오래 걸립니다. 프로젝트 리팩토링 방법1. 요구사항을 분석하고, 무엇이 중요한 지 파악합니다.2. 요구사항에 맞추어 수정해야 할 부분을 Notion.. 2025. 2. 4. 0. 상권분석 서비스 리팩토링하기 안녕하세요. 이번 여행을 떠나기 전, 우선 저를 소개해보겠습니다. 삼성청년소프트웨어 아카데미 (a.k.a ssafy) 10기 (23.07~24.06)를 수료하며 전반적인 개발에 대해 배우는 시간을 가졌습니다.그리고 운이 좋게도, 1개월의 취준을 거치고 8월부터 지금까지 에듀테크 분야의 스타트업에서 FrontEnd 개발자로 일하고 있습니다. 처음엔 열정이 불타올라, 공부도 하고, 개발 서적도 읽었으나, 갈수록 일을 하면서 공부하기가 쉽지 않았습니다. 그렇게 6개월을 보내고 나니, 회사에서 일하고 학습하는 것 만으로는 저만 뒤로 걷고 있는 느낌을 받게 되었고, 이렇게 살다간 ai에게 대체되어 사라질 '반짝 개발자'가 될 것만 같다는 생각이 들었습니다. 적응할 대로 적응했고, 놀 대로 다 놀았으니, 이제는 더.. 2025. 2. 3. [REACT] React + TypeScript 사용해서 Todo 만들기 싸피에서 공통 프로젝트를 들어가게 되었다. 이번에는 욕심부리지 않고, 프론트로 최대한 노력해보려 한다. 12월에 React를 보긴 했는데, 거의 놀았다 ㅠㅠ 그래서 강의를 보고도 진행 과정만 알 뿐, 혼자 무엇인가 만들 능력이 되지 않았다. 부끄럽다. 이번주에는 9~6시에 간단한 과제를 진행했는데, 리액트도 익숙치 않은데 타입스크립트, Jotai까지 한번에 쓰려고 하니까 머리가 터져버릴 것만 같았다. ㅠㅠ 하나로 만들어서 세분화해서 나눠야 한다는 것을 다다음날에야 알았다. 한번에 모든 타입과 구조를 컴포넌트화 하려고 하니, 내가 뭘 하는지도 잘 모르겠었다. 아무튼, 이제 다시 하나를 만들고 자주 사용하는 부분을 컴포넌트화 하고, 조타이를 씌워보자. $ npx create-react-app 프로젝트명 --.. 2024. 1. 13. [REACT] map 함수 사용하는데 마주친 에러 부모 컴포넌트에서 props를 사용해 값을 자식 컴포넌트에 전달하는 내용이었다. 단순한 과정인데 자꾸 자식 컴포넌트에서 값을 출력하지 않고 에러가 났다. ㅠㅠ const UserList = ({ users }) => { return ( {users.map((user) => { ; })} ); }; export default UserList; 위 코드를 작성했을 때 에러를 마주했다. WARNING in [eslint] src\component\UserList.js Line 14:25: Array.prototype.map() expects a return value from arrow function array-callback-return webpack compiled with 1 warning 이런 에러가.. 2024. 1. 6. JIRA 협업 툴 기본 사용법 팀 관리에서의 이슈트랙킹할 때 사용한다. 프로젝트 매니지먼트이다. 다양한 역할을 해야한다. 계획, 리스크 관리 등 표, 차트로 한 눈에 보고싶다, 원하는 키워드를 꼽아 볼 수 있다. 애자일 방법론 스크럼 vs 칸반 방법론 우리는 스크럼을 채택한다. 스크럼에서는 프로젝트에서 발생하는 모든 이슈를 백로그에 담는다. 2~4주 단위의 sprint, 개발 주기를 만들어 sprint를 해결하는데 집중하고 이슈를 담는 것을 계속적으로 반복한다. 업무가 몰릴 가능성을 줄일 수 있다. 스크럼 회의 - 10분 이내 기분이 어떤지, 어떤 일을 할 지, 어떤 이슈가 있는지 공유한다. 칸반은 한 사람이 일하는 양을 박스로 표현해 많은 일이 몰리지 않도록 조정한다. 일어나서 한다. 지라에서는 스크럼, 칸반 회의를 손쉽게 할 수 .. 2024. 1. 3. [REACT] 새 프로젝트 생성하기 REACT에서는 새로운 프로젝트를 생성하는 순서이다. 터미널에 다음 명령어를 적는다. $ npx create-react-app project-name ... 위의 명령어가 나오면 모두 생성된 것이다. project-name 이라는 디렉토리가 생성되고, 그 안에 리액트 프로젝트가 생성된다. 다음 명령어를 순차적으로 작성한다. $ cd project-name $ npm start 프로젝트 실행 완료되었다. 자동으로 화면이 실행된다. 앞으로 꿈을 펼쳐보자! 파이팅~~~ 2024. 1. 2. 이전 1 다음 반응형
