본문 바로가기

전체 글

 (65)
[Week8 - Day39] 피드백 수용 능력을 높이는 성장 마인드셋 1. 오늘의 과업 리스트 📋 2. 피드백 받기1) 피드백 받을 준비 5단계 가. 목표 설정무엇을 개선하고 싶은지어떤 부분을 향상시키고 싶은지구체적인 목표 설정 ➡️ 뚜렷한 피드백 요청 방향은 효과적인 피드백 확률을 높인다. 나. 상황 파악업무의 상황 파악피드백 시기 고려팀 단위의 일할당 받은 일을 제대로 했는지 ➡️ 팀누구나 이해할 수 있는지 ➡️ 팀 외부 인원 (프로젝트 보안 주의) 다. 코치 선택 라. 피드백 요청 대사 작성📍피드백 요청 순서상대 확인: 상대방이 피드백을 줄만한 상황인지 확인하고 이유를 같이 전할 것피드백 요청 이유: 피드백 코치로 선택한 이유를 전할 것피드백 받고 싶은 것: 더 구체적으로 질문하기그동안 내가 해본 것: 내가 시도해 본 것들을 함꼐 말하기 마. 존중과 감사 표현..
[Week8 - Day38] 최종 문서화, 고객사 대상 리뷰, 타임라인 회고 1. 오늘의 과업 리스트 📋 2. 완성한 쇼핑몰 페이지 문서화개발자는 코드를 작성하는 것뿐만 아니라 협업을 위해 문서화를 습관화 하는 것이 중요하다.1) 프로젝트 저장소에 마크다운 파일 생성2) 문서화 내용 작성프로젝트 개요: 쇼핑몰 연동 프로젝트는 상품 목록, 상품 상세, 결제 완료 페이지를 유기적으로 연결하고, 데이터 일관성을 유지하면서 사용자에게 매끄러운 쇼핑 경험을 제공하는 것을 목표로 합니다.개발 환경: React, JavaScript, BootStrap5컴포넌트 구조: ProductDetail : 개별 상품의 상세 정보와 같은 브랜드의 관련 상품을 표시합니다.PayCompleted : 결제 완료 후 총 결제 금액을 보여주고, 상품 목록으로 이동할 수 있는 버튼을 제공합니다.3) 중간점검접속할..
[Week8 - Day37] 유지보수의 중요성과 리팩터링, 개발자 가이드라인 1. 오늘의 과업 리스트 📋 2. 유지보수의 중요성과 리팩터링1) 기술부채기술부채 (Technical debt): 근본적인 방법 대신에 상대적으로 쉬운 접근방식을 선택함으로써 발생하는 추가적인 재작업으로 발생하는 비용과 시간📍기술부채를 미리 해결해야 하는 이유예를 들어, 빠른 출시를 위해 일부 코드 테스트를 생략할 경우 당장은 시간을 벌 수 있지만 장기적으로는 버그와 성능 문제로 이어져 더 큰 비용 발생 가능초기에 문제를 해결하지 않은 코드는 결국 시스템의 안정성을 해치고 고객의 만족도를 저하한다.기술 부채의 조기 해결 ➡️ 효율적인 프로젝트 관리와 지속 가능한 개발을 위해 필수 2) 해결책으로서의 리팩터링리팩터링(refactoring): 결과의 변경없이 구조를 재조정하는 것코드 가독성을 향상시키고 ..
[Week8 - Day36] Cypress를 활용한 E2E 테스트 1. 오늘의 과업 리스트 📋 2. 주간 미팅마지막 주라 회의 내용이 길지 않았다. 슈킹 프로젝트의 마무리를 잘해보자는 이야기로 금방 끝났다.이번주 일정표를 보고 주간 계획을 세워보았다. [주간 계획 8주차]요일 별 출근시간: 월~금 오후 7시잘 배우고 싶은 주제: Cypress, 개발자 가이드라인잘 배우기 위해 어떻게 할 것인지: 배운 내용 기록하기, 실습 미루지 않기3. Cypress를 활용한 E2E 테스트1) E2E 테스트End to End 테스트 (종단간 테스트)사용자의 관점에서 애플리케이션의 흐름을 처음부터 끝까지 테스트하는 것 실제 사용자의 시나리오를 테스트함으로써 애플리케이션의 동작을 테스트 ➡️ 애플리케이션의 무결성 증명E2E 테스트는 애플리케이션 전체의 무결성을 증명Unit 테스트, In..
[Week7 - Day35] 회사생활 가이드 작성, 주간 회고 1. 오늘의 과업 리스트 📋 2. 회사생활 가이드 작성인턴 과정이 거의 마무리되어가면서 다음 인턴들을 위한 회사 생활 가이드를 작성하게 되었다. 문서 양식도 스스로 만들어야한다. 지금까지 사용했던 사내 문서 양식을 편집해서 직접 회사 생활 가이드를 만들어보는 과업이다. 수님은 인터넷에서 레퍼런스를 참고하거나 생성형 AI를 활용해도 좋다고 조언해주셨다. ✅ 양식을 만들기 전에 작성해볼 항목응용SW 인턴으로서 일을 잘 해내는데 필요한 것직종 특성응용SW 인턴이 가져야할 4력 (네가지 능력)4력별로 알아야 하는 내용상황별 대처법양식 점검 : 오탈자, 제목, 작성자, 작성일 체크📝작성한 회사 생활 가이드더보기3. 주간 회고1) 한 주 돌아보기월이메일 작성법과 유의사항을 배우고, 거절하는 메일을 작성하는 실습..
[Week7 - Day34] 전체 페이지 연결 1. 오늘의 과업 리스트 📋 2. 전체 페이지 연결 1) 상품 상세 페이지 구상상품 정보상품 사진브랜드 이름상품 이름가격구매 수량장바구니 담기 버튼관련 상품2) 마크업 구현function ProductDetail() { return ( 브랜드A 상품 이름 35,000원 1 ..
[Week7 - Day33] React Router 1. 오늘의 과업 리스트 📋 2. React Router1) SPA싱글 페이지 애플리케이션 (Single Page Application) 📍 SPA의 등장 • MPA 방식: 화면이 바뀔 때마다 페이지의 모든 부분을 새로 전송 받음 ➡️동일한 화면 구조가 불필요하게 재 전송되며 많은 트래픽이 발생됨 • SPA 방식: 브라우저가 화면의 렌더링을 담당하면서 애플리케이션을 미리 로드하고, 화면에 필요한 데이터만 전달받아 그때 그때 동적으로 보여주는 방식 ➡️트래픽 감소와 속도 및 반응성 향상📍SPA 단점최초 접속시에 모든 리소스를 받아와야하기 때문에 로딩시간이 길어질 수 있다.서버에서 처리 후 보여주던 부분을 클라이언트가 받아온 후 화면을 구성하기 때문에 완성되기 전의 페이지가..
[Week7 - Day32] 고객사 미팅, 페이지 연동 요구사항 분석 1. 오늘의 과업 리스트 📋2. 고객사 미팅오늘은 고객사와의 마지막 미팅이 있다. 상세 기능과 연결성에 대한 회의록을 작성하여 제출해야한다.말씀해주시는 요구사항을 잘 듣고 회의록 양식에 맞추어 작성한 내용은 다음과 같다.3. 고객사 요구분석 확인요구사항 및 디자인 시안 전달 메일을 통해 다시 고객사의 요구를 확인한다. 디자인 시안은 피그마 링크를 통해 받아 볼 수 있었다.4. 요구사항 분석과 작업 분배1) 요구사항 핵심 포인트 정리페이지 연동: 모든 페이지의 이동이 자연스렙게 이루어지고, 특히 사용자가 선택한 상품의 데이터 유지데이터 일관성: 장바구니에 담은 상품이 다른 페이지에서도 유지상품의 상세 페이지 추가: 상품의 상세 정보와 관련 상품 표시결제 완료 페이지: 총 결제 금액 표시와 상품 목록 페이..

티스토리툴바