본문 바로가기

전체 글251

끝까지 하나하나 전부 지키면서 해내기[20221128-TIL] 지난 주에는 트레이너님께서 오셔서 대략적인 시안들 PDF로 제출해주면 디자인을 해주시겠다고 하셨다. 사실 지난 주말에 다 뒤엎은 기획을 시작해서 이번주에 시안까지 준비하는 것은 무리라고 생각해서 계획에서 과감히 뺐다. 애매하게 하려고하다 완수못하면 그것만큼 의미 없는 것은 없기에... 그치만 하고 가야지? 트레이너 분께서 왜 **님은 제출하지 않으세요? 라고 하자 내 의견을 말씀드렸는데 디자인을 받아보는 것도 경험이라고 다른 동료들 전부 받는데 본인만 그런 기회를 놓치지말라고 했다. 모든 UI를 완성하지 않아도되니 정말정말 필요한 것은 작성하고 나머지는 받은 것과 비슷한 컨셉으로 스스로 채워나가라고 하셨다. 그래서... 하루종일 눈 아픈거 참아가며 7시까지 제출했다... 그래도 완성하고 나니 뿌듯하고 내.. 2022. 11. 28.
꼼꼼한 문서 업데이트는 개발시간을 줄여준다[메가테라 22주차 주간회고,프로젝트 6주차 주간회고] 이번주 한 것 태스크 세부 태스크 예상 스토리 포인트 실제 스토리 포인트 1. 기획서 UI 완성 그래마 페이지 완성 그래마 어드민 완성 기초 템플릿 완성 기초 템플릿 어드민 완성 실전 템플릿 완성 실전 템플릿 어드민 완성 2. 그래마 유저 페이지 테스트코드 작성 스토어 테스트 코드 작성 1 2 페이지 테스트 코드 작성 1 1 3. 그래마 유저 페이지 코드 작성 API 서비스 코드 작성 2 2 4. 그래마 어드민 페이지 테스트 코드 그래마 어드민 폼 스토어 테스트 코드 작성 3 2 페이지 테스트 코드 작성 2 1 그래머인트로덕션 컴포넌트 테스트 코드 1 1 컨펌모달버튼 테스트 코드 작성 1 1 그래머 어드민 크리에이트 페이지 테스트 코드 작성 1 1 5. 그래마 어드민 페이지 작성 인트로 페이지 수정 2 .. 2022. 11. 28.
좋은 개발자란 무엇인가? 뇌피셜 그리기[20221127-TIL] 좋은 개발자? 그게 뭘까? 나는 매년 OKR을 작성한다. 그리고 또 분기별로 또 나누어 한 해의 목표를 달성하기 위해 작은 OKR들을 작성하는데 올해 초 메가테라 코스를 시작하기 전 즈음 연봉을 이 정도 받는 개발자 되기라고 쓰여 있었던 것 같다. 연봉을 나의 가치를 대략적으로 알려주는 수단이라고 한다면 그럼 연봉을 많이 받는 좋은 개발자는 대체 뭘까??? 정말 한참 동안 감도 오지 않다가 그래도 이제 포트폴리오를 마치고 다시 취업시장에 나가야 하는 입장으로써 내가 무엇이 되고 싶은지를 구체적으로 떠올려보는 것이 중요하다는 생각에 한 번 정리한 그 기준을 적어보려고 한다. 1. 내 작성한 모든 코드에 대해 테스트 코드가 모두 있다. 트레이너 분께서는 신입 개발자인 우리가 TDD를 할 줄 알 거라곤 아무도.. 2022. 11. 27.
PATCH 로 객체 수정 후에도 프론트에서 즉시 반영이 안되는 현상/동기 비동기처리 [20221126-TIL] 원인 1.동기 비동기처리 원리 동기 비동기 처리의 개념을 알아야한다. Api서비스에서 async await 로 받아온 객체들은 apiService 함수를 가져다 모든 하위 컴포넌트에서 async await의 적용이 필요하다. Apiservice에서 async await 처리 async patchIntroduction(introduction) { const url = `${baseUrl}/admin/grammar-introduction`; await axios.patch(url, { introduction, }); } 그것을 받아오는 스토어에서도 async await 처리 async patchIntroduction( introduction, ) { await grammarAdminApiService.pat.. 2022. 11. 26.
useEffect 무한 렌더링 문제, forceUpdate 후에도 계속 이전 텍스트가 화면에 남는 문제 [20221125 -TIL] 오늘은 이전부터 자주 겪었던 useEffect 의 무한 렌더링 문제와 화면에 계속 이전 데이터가 남아있는 문제를 해결해서 적어보려고 한다. 사실 자주 겪었던 고통이라 꼭 한 번 정리했어야했지만 여태 잘 이해를 하지 못해 제대로 정리를 못했었다. useEffect 무한루프 문제 useEffect 내부의 함수가 계속 렌더링 되어 콘솔을 찍어보면 한없이 렌더링되고 있는 것을 볼 수 있다. 이건 주로 2가지 문제로 나뉘는데 1. useEffect의 두번째 인자를 넣지 않음 ( 종속되는 배열이 없을때) useEffect(() => { console.log('is Listening'); forceUpdate(); }); useEffect에 두번째 인잘르 넣지 않았을때에는 아래와 같은 상황에서 useEffect가 실.. 2022. 11. 25.
@Mock과 @MockBean의 차이는 뭘까? 자바 스프링부트로 테스트 코드를 짜던 중 Mock 어노테이션과 MockBean어노테이션이 있어 어떤 것을 이용해야하나 고민을 하다 둘의 차이가 궁금해졌다. @Mock 과 mock(*.class) 그리고 Mock어노테이션과 mock(*.class)의 차이도 궁금했는데 이는 방법의 차이라고한다. 1. 어노테이션 테스트할 곳에서 필드화 시켜놓은 곳에서 @Mock 을 선언해준다. @Mock private PostRepository postRespository 2. mock( ) PostRepository postRepository = mock(PostRepository.class); @MockBean이란? @MockBean은 스프링 부트 테스트에서 제공하는 어노테이션이다. @MockBean은 스프링 컨텍스트에 .. 2022. 11. 24.
TDD, 리액트 프론트엔드 테스트 코드 범위 정하기[20221123-TIL] 메가테라에 오고 나서 신입 개발자인 우리에게 가장 중요한 게 기대하면서도 가장 기초적인 것은 테스트 코드이다. TDD형식으로 프로그래밍을 한다라고 말을 하기에는 아직 미숙할지라도 분명 나와 동기 모두는 테스트 코드를 작성해가며 프로그래밍을 해가고 있다. 이는 백엔드 프런트엔드 모두에 해당한다. 1. TDD?(Test Driven Development)테스트 주도 개발 한 문장으로 설명하기는 어렵지만 TDD란 반복 테스트를 이용한 소프트웨어 방법론으로 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 추가하는 단계를 반복하여 구현하는 방식이다. 이로써 처음에는 작은 단위로서의 green들이 리팩토링을 통하여 더 나은 코드가 되고 또한 코드의 작동성 또한 검증해나가면서 개발을 해나간다고 할 수 있다.. 2022. 11. 23.
깃 용어 이것만 알면된다! 기초 완벽 정리[20221122-TIL] 깃 뭔데..? 너무 어려운 거 아냐? 라고 생각한 당신 이 글을 보라. 는 농담이고 깃을 계속 써왔지만 챙겨야 할 과제에 밀려오는 강의에 풀어야 할 프로그래머스 문제를 챙기느라 깃은 제발... 충돌만 피하자 라는 기도 메타(기도 메타는 아니고...) 비슷하게 정확히는 깃과 충돌 나지 않는 법만 선택해서 요리조리 피해 다녔다. 처음 프로그래밍을 배우면 프로그래밍 언어도 너무 어려운데 애써 작업한 것들이 알아듣기도 어려운 깃이 자신만의 언어로 오류 메시지를 내뱉고 애써한 작업을 날려먹어 해결해야 하노라면... 그날이 바로 깃을 포기하게 되는 날이다. 아무튼 각설하고 깃(Git)이란? 분산 버전 관리시스템(Distributed Version Control Systems)으로 컴퓨터 파일의 변경사항을 추적하고 .. 2022. 11. 22.
반드시 한 것은 남기자[스프린트 5주차 주간회고] 한 게 있는데요 남긴게 없습니다. 모두가 이번 주간에 한 것을 정리해 올리는데 나는 정리해 놓은게 있는데 없다. 정확히 말하면 메모장에 데일리 테스크를 간략하게 쓴 후 하루에 달성을 하면 지워서 버리고 하다가 다시 계획이 엎어져서 처음부터 기획을 돌아가면 다시 그동안 한 기록들이 휴지조각이 되어서 없는게 맞다. 그래도 다시 회고를 해보자면 더보기 5 주차 스프린트 작업 목표 : 도메인에 대한 MVP를 완성 그리고 도메인에 대한 이해가 많이 부족한 것 같아서 1. 내 도메인을 이용할 사용자의 페르소나 분석 및 가정 2. 내 도메인과 비슷한 주제를 가진 서비스 페이지 조사 후 벤치 마킹 3. 추가 기능 백엔드에 도입 4. 프론트 1차 완성 5. 간략한 CSS 추가후 MVP 완성 을 수행했다. 하지만 너무 진.. 2022. 11. 21.
뭐든지 기록을 남기자[20221121-TIL] 일을 하다보면 주객이 전도된 것 같은 느낌을 많이 받을 때가 있는데 바로 페이퍼워크에 매몰되는 것이다. 코스를 진행하면서 하루 일과 동안 지켜야할 것들이 있는데 주로 한 것들을 하나하나 다 기록하는 것들이다. 프로젝트 주간이 되면서 기록을 남겨야 할 것들이 더더더더욱 많아졌는데 일단 포트폴리오 초반에 기록을 남길 것이 너무 많았다. 서비스가 어떻게 그려지질 유저인터페이스도 대략 그려야하고 사용자스토리도 작성해야하고 인수 테스트며 클래스 다이어그램 그리고 코드를 치는 에디터까지 켜두고 이것저것 하고있으니 대체 내가 무얼 하고 있는지도 모르겠고 여기다 내가 한 작업량을 기록하는 스토리 포인트도 기록해야하고... 아무튼 어어어어엄 청 많다. 그래도 기록을 하자. 멀티 태스킹이 아니라 하나하나씩 일단 이 모든 .. 2022. 11. 21.

티스토리툴바