TIL

오늘은 코드숨 6주차 라우팅 강의를 들었습니다!존재하지않는 웹페이지 접근시 index.html로 연결해줄수가있는데 webpack devServer 에서 설정해줄수가있다. 객체에는 url에 관련된 다양한 정보들을 얻어올수가있다화면을 전환하는 내비게이션을 관리하기 위한

코드숨 7주차 과제를 했습니다표현적 글쓰기를 읽고 20분간 1일차 글을 써보았습니다7주차 과제진행중에 아직 초반부여서 크게 어려운점은 없던거같습니다 강의를 본뒤 과제를 진행하는데 강의를보면서 따라치는게 아니여서 중간중간 머릿속이 하얗게 되는부분에선 강의를 보며 치는상황

코드숨 7주차 과제를 했습니다 토요일이라 풀이과제가 나왔지만 아직 진도를 다 못나간상태였기에 그대로 과제진행을했습니다강의를보고 과제를진행할땐 안보고 진행했었는데 그렇게하다보니 중간에 테스트가 깨지는현상이있었는데 강의랑 다르게하다보니 여기서 막혀서 시간을 되게 많이잡아먹

코드숨 7주차 과제를 했습니다싱글톤패턴에 대해 공부했습니다과제 마지막날이지만 아직 리뷰쪽부분의 진도를 빼지못한관계로 과제를 진행했습니다전보다는 테스트쪽이 익숙해진거같다고생각했지만 아직도 안보고 진행하면 이리저리 헤맸습니다😂cs강의를 보며 공부를했는데 오늘 주제는 싱글

코드숨 8주차 과제를 했습니다팩토리패턴에 대해 공부했습니다8주차 과제첫날이였습니다 이모션으로 스타일링하는 부분을 진행했는데 평소에 회사에서도 스타일드 컴포넌트를 썼던차라 다른점이 거의없어서 수월하게 진행했습니다!팩토리패턴에 대해서 공부를했는데 이게 팩토리패턴인지 모르고

코드숨 8주차 과제 ( redux-toolkit 적용 , css 작업) 를 했습니다오늘은 redux-toolkit를 적용하는 부분을 해봤습니다! 매번 action type으로 상수를 만들어준뒤 적용했었는데 toolkit를 쓰니 이런작업이 편하네요!css in js를 사

코드숨 8주차 과제 를 했습니다styled-component 네이밍css속성 사용시 기준을 정해 정렬reset css쏙쏙 들어오는 함수형 코딩 스터디 1주차 진행오늘 과제에선 css에 관한 리뷰를 주로 받았습니다.컴포넌트 네이밍하는 부분 , css사용 기준 , rese

코드숨 8주차 과제 를 했습니다react.memo , useCallback 사용쏙쏙 들어오는 함수형 코딩 2장 , 3장 읽고 문제 생각해보기오늘은 react.memo 와 useCallback을 사용해서 최적화부분을 해봤습니다.useCallback은 사용해본적이있기때문

쏙쏙 들어오는 함수형 코딩 2주차 (1~5장) 스터디오늘은 1~5장을 주제로 스터디를 진행했었습니다!저는 책을 읽으면서 중간중간 말이어려운구간? 들은 이해가 잘안되더라구요!스터디를 통해서 이렇게 잘안풀렸던 부분들을 공유하니까 도움이 많이됬습니다!스터디전에는 아 질문을

쏙쏙 들어오는 함수형 코딩 6장 읽기오늘은 6장을 읽어봤는데요 불변성원칙 2가지중 하나인 카피온라이트에 대한 부분의 설명이 되어있습니다!카피온라이트 원칙은 3가지1\. 복사본 만들기2\. 복사본 변경하기3\. 복사본 리턴하기이렇게 3단계로 진행하는 부분이 예제로 나오

쏙쏙 들어오는 함수형 코딩 6장,7장 읽고 문제만들기오늘은 6장,7장을 다읽고 문제를 만들어보는시간을 가졌습니다6장에선 변경가능한 데이터구조보다도 카피온라이트방식이 메모리도 더사용하고 느리지만 사용하는이유에 대해서 알게됬네요..!7장에서는 방어적복사에 대해서 알려주는

쏙쏙 들어오는 함수형 코딩 6장,7장,8장 스터디 ( 2주차 )이번에 6,7장 책내용중에 안전지대라는 용어나 신뢰할수없는코드 이런 내용들이 나왔을때 이해가 잘되지않았는데 오늘 스터디를하면서 불변성을 유지하지않는 로직같은 그런 부분을 이야기하는거란 생각이 들었네요!8장

쏙쏙 들어오는 함수형 코딩 9장 10장 읽기오늘은 9장 10장에 대해서 읽어봤습니다!9장에선 계층형 설계패턴에 대해서 설명을해줍니다! 계층형 설계패턴에선 4가지 패턴이있는데1.직접구현2.추상화 벽3.작은 인터페이스4.편리한 계층여기서 추상화벽에 대해서 좀 헷갈리더라구

쏙쏙 들어오는 함수형 코딩 9장,10장,11장 스터디 ( 3주차 )오늘은 9,10,11 장을읽고 3주차 스터디가진행됬습니다!예제실습부터했는데 와 예제를 보자마자 뭐부터해야할지 감이안오더라구요 약간 멘붕이였습니다예제를 풀때 저는 책에 나온내용들을 기억하려고 노력을했는데

쏙쏙 들어오는 함수형 코딩 13, 14장 공부함수형 프로그래밍 13,14장을 읽었습니다13장에선 함수형도구 체이닝 이라는 내용을 다루는데 앞장에서 다룬 함수형도구들을 각단계로나눠 하나로 엮는 방법이라고 합니다함수형도구를 사용하면 콜백을 넘기게되는데 콜백이 여러개가 중첩

쏙쏙 들어오는 함수형 코딩 15장,16장 스터디 ( 5주차 )오늘은 코드실행순서를 정리하는 타임라인을 그리는게 실습이였는데 책으로 읽을때랑 너무 다르게 헷갈렸었네요전역변수 라는 자원을가지고 비동기 처리를했을때 만약 이벤트가 여러번발동한다면 전역변수의 값이 제 생각과는

Fact (사실) 알고리즘 기본 개념 재귀함수 , 피보나치 쏙쏙 들어오는 함수형 코딩 17장,18, 19장 스터디 ( 6주차 ) Feeling (느낌) 오늘은 코드실행순서를 정리하는 타임라인을 그리는게 실습이였는데 책으로 읽을때랑 너무 다르게 헷갈렸었네요 전역변수

이것이 코딩테스트다 문제 풀기1이 될 때까지숫자 카드 게임큰수의 법칙오늘 코드숨 오프라인 처음가서 설레는 마음으로 시작했습니다이것이 코딩테스트다 책을 사서 문제를 풀어보는데 난이도 1개짜리도 저한텐 버겁더라구요.. 푸는도중 어떻게 문제를 풀것인가 라는내용을 알게되었는데

이것이 코딩테스트다 문제 풀기모험가길드곱하기 혹은 더하기문자열 뒤집기오늘은 윤석님께서 같은문제를 다양하게 풀어봐야한다고하셔서 3문제를 풀어보면서 다양한 방법으로 푸려는 시도를 많이했습니다보통 몇번실행될지 모르는경우라면 재귀함수로 시도하고 아니라면 for문으로 푼뒤map

이것이 코딩테스트다 문제 풀기프로그래머스 카카오 문제 풀기코딩테스트를 처음풀어봤을땐 접근하는거 조차도 너무 어려웠고문제 푸는내내 새로운문제를 볼때마다 똑같이 어려워하길래 실력이 늘긴하는걸까 생각했는데 그래도 이젠 어떻게 접근하는지는 보이는거같아서 늘긴하는구나라는 생각이

이것이 코딩테스트다 문제 풀기bfs공부이것이 코딩테스트다에서 미로탈출문제를 풀다가 bfs에 대한 이해가 부족해서 문제가 어렵더라구요그래서 bfs에대해서 공부를했는데 탐색할노드를 정한뒤 그 노드의 인접한 노드부터 차례대로 탐색해가는 틀은알겠는데 문제에 어떻게 적용해야하는

이것이 코딩테스트다 문제 풀기종립님 강연오늘 하루종일 미로탈출 bfs문제를 보다 계속 오류가나서 다른 dfs문제인 바이러스를 풀었는데 미로탈출보다 수월하게 풀리긴했습니다다른분이푼걸 찾아보니 좀 비효율적으로 풀긴했지만.. 오늘 종립님이 오셔서 강연을 해주셨는데 여러가지

이것이 코딩테스트다 문제 풀기프로그래머스bfs로 풀어봤던 문제를 dfs로 풀어보려 공부를 하다가 너무 막혀서 프로그래머스 레벨1을 풀었습니다..막혀있을땐 너무 모르겠어서 계속보는동안에도 실력이 느는 기분이 들지않았는데 이렇게 좀더 쉬운문제를 풀면 자신감도 생기고 버리는

이것이 코딩테스트다 , 프로그래머스 문제 풀기어제 마저 풀던 프로그래머스 레벨1 정답률 높은순으로 풀다가 좀 다시 벽에 도전하고싶어서 레벨1 카카오 문제를 풀어봤습니다성격유형검사하기 문제였는데 문제를 읽고 해석하는거부터 난관이더라구요 그래서 계획단계에서 매우시간이 오래

포트폴리오 기획코딩인터뷰 6장 문제풀기이제 포트폴리오를 만들어야하는데 내가 쓸수있는 포트폴리오를 만들면 좋을거같아서 고민고민을하다지원한 회사와 관련되서 선택할수있게끔 도와주는 서비스를 만들어보면 좋을거같다고 생각했습니다보통 회사를 지원하게된다면 작게 몇군데만 지원하지않

포트폴리오 기획 , 개발어제 기획중이던 포트폴리오의 초기기획은 잡혔습니다유저마다 항목을 추가할수있는데 그 항목에 별점을 매길지 말지 결정할수있고별점을 매겨서 별점의 평균이 높은순서대로 정렬을 해서 본인이 어떤 회사를 좀더 원하는지 확인할수있게끔하고면접 전날이나 당일날

포트폴리오 기획 , 개발코드숨 페이지 개선 프로젝트기획중이던 개인프로젝트의 개발이 들어갔습니다조금 진행중였는데 현재 코드숨페이지를 개선해보는 프로젝트를 해보면 어떻냐고 하시길래실제 회사에서 하는거처럼 진행한다길래 좋은 경험이 될거같아서 진행하기로했습니다모든 할일을 티켓

코드숨 개선 프로젝트오늘은 폼을 넘길때도 그냥 신청버튼을 무조건 누를수있게하는게 아닌 유효성 체크를했습니다이름 , 이메일 , 전화번호 이렇게 3가지 Input을 받아올수있도록했는데이름은 2글자이상일때 검증이 완료되게했고이메일은 구글링을해서 정규표현식으로 만들어 검증을했

코드숨 개선 프로젝트전전날에 밤을새서 푹잤더니 컨디션이 많이 회복이됬습니다오늘은 코드리뷰를 받았는데 많은 리뷰가있었습니다 변수의 네이밍 , 복잡한 로직 , 줄바꿈으로구분하기 등등 다양한상황에서의 리뷰가 나왔는데 이렇게 리뷰를 받으니 세세하게 신경을 많이써야겠다는 생각이

코드숨 개선 프로젝트표현적글쓰기 ( 시쓰기 ) 워크샵오늘은 테스트코드추가케이스 작성과 pr을 날릴 예정이였습니다백엔드분들과 api 미팅을 했는데 원래는 제가 개발하기전에 했어야하는게 맞는데 뒤늦게 미팅을 잡았습니다회의결과는 이름은 토큰으로 확인할수있으니 안보내줘도되고

코드숨 개선 프로젝트매번 axios사용시 then catch 써주는작업도 번거로워 모듈화를 시도했습니다url, httpmethod , data , 성공 , 실패이 5가지값들을 인자로 넘겨 한번에 실행시키게끔 만들어봤습니다axios를 모듈화한뒤 테스트 코드를 짜려고 공식

코드숨 개선 프로젝트결국 오늘 아침까지도 axios 모듈만든 테스트 코드를 작성하지못했습니다소득도없이 시간만 끄니 일단은 허락을 맡고 코드부터 push를 했습니다axios module 작업은 기존에 하던 작업과 연관이없는데 작업중이던 pr에 올려서다시 새로 올려달라는

코드숨 개선 프로젝트코드리뷰프론트엔드 미팅오늘은 어제 pr올렸던 코드리뷰후 수정하는데 시간을 많이 투자한 하루였습니다대부분의 피드백받았던 내용은 변수명 함수명에대한 내용들이 많았습니다매번 고민을 하지만 딱 정답이란게 없어서 더 어려운거같네요변수명만 딱봤을때 이해할수있게

스프린트 회고오늘까지가 스프린트 했을때 목표했던 날이였습니다이번 프론트 스프린트 목표알림신청을 할수있는 페이지완성 ( 미완 )알림신청 여부에따라서 그에맞는text와 아이콘을 보여주는것 ( 미완 )next js 마이그레이션 ( 완료 )트레킹 ( 완료 )e2e 테스트 (

코드숨 공부방 예약시스템 스프린트 미팅코드숨 git 강의 ( 데이터베이스 )이번에 코드숨에서 주말공부방을 오픈하게되면서 제일 우선적으로 필요한 예약시스템을 만들어보기로했습니다 이번주 금요일까지 목표로..!코드숨 공부방에서 계획이랑 회고를 필수로 작성해야하기때문에 계획,

코드숨 공부방 예약시스템 스프린트코딩인터뷰 스터디어제 리뷰를 받은 코드를 다 수정하여 머지하는 일만남았었는데협업을 하다보니 같은 파일을 서로수정하여 충돌이 나는 현상이발생했습니다윤석님의 도움을 받고 수정을했는데 언제나 이런에러들을 윤석님이 잡아주실순없으니깃 공부에 집중

Fact (사실) 코드숨 공부방 예약시스템 스프린트 알고리즘문제 - 이진변환반복하기 Feeling (느낌) 코드숨 공부방 예약시스템 스프린트 기한이 내일까지마무리인데 목요일이 벌써 왔습니다 퍼블리싱과 redux작업이 거의마무리가되어 이제 api만남았는데 react-q

Fact (사실) 웹 api 디자인 1장 스터디 코드숨 스프린트 Feeling (느낌) Finding (교훈)

코드숨 스프린트웹 api 디자인 3장 스터디코딩테스트토큰만료시 다시로그인해달라는 alert를 띄우는 작업을 맡았습니다제가 진행할 방향은 이랬습니다axios Interceptors를 이용해 401에러일땐 alert를 띄어주는 dispatch를 발동시킨다이과정에서 2가지

Fact (사실) 코드숨 스프린트 웹 api 디자인 3장 스터디 코드숨 git 강의 Feeling (느낌) 코드숨 스프린트 로그아웃을 했을때 함수를 만들었습니다 스토리지 토큰제거 , redux 토큰제거및 토큰만료alert state초기화, login page로 이동

코드숨 스프린트웹 api 디자인 6장 스터디 ,7장읽기오늘 오전에 프로젝트 기초 셋팅을 마치고 티켓을 배분했습니다저는 typescript에서 jest를 setting해본적이 없어 이 티켓을 선택했습니다먼저 공식문서를 통해 셋팅을 진행했습니다babel관련된 모듈 설치하고

웹 api 디자인 11장읽기깃강의11장의 주제는 컨텍스트에맞는 api를 디자인하기 라는 주제였습니다가능한 모든 컨슈머의 요구를 수용할수있게끔 전체 컨텍스트를 이해하고 api를 만들어야하는데이해하려면 어떻게 해야하는지 그리고 컨텍스트에 맞는 api를 어떻게 선택하는지에

Fact (사실) 스프린트 기획, 디자인 웹 api 디자인 11장스터디, 12장읽기 Feeling (느낌) 스프린트 기획, 디자인 이번에 윤석님이 새로운 프로젝트를 진행하게되었는데 코드숨 공부방 사람들도 참여하게 됬습니다. 유저가관리하는 페이지의 기획과 디자인을 했었

Fact (사실) 스프린트 Feeling (느낌) 스프린트 오늘은 next에서 jest setting하는 작업을 했습니다. typescript에서의 Finding (교훈)

스프린트저번주 스프린트에 대해서 회고를 진행했습니다.스프린트 진행중 기억나는 사건이나 경험을 포스트잇에 적혀 붙여서 같이 공유하는 시간을 가졌는데 제 경험도 더 기억에 오래남고 다른사람들의 경험도 나눌수있어 좋았습니다스프린트 회고후 저희 이번주 스프린트 목표와 사용자스

스프린트오늘은 퍼블리싱 작업을했습니다리스트 관련되서 클릭했을때 상태가 변경되고 화면에서 어떤 작동이 하고 이런 작업을했는데구현 자체는 어렵지않았는데 api가 아직 안나온상태라 나왔을때 바로 적용할수있게끔 하는과정에서 컴포넌트를 어떻게 나눌지 변수명 타입명 등등 고민이

스프린트어제 퍼블리싱된 페이지에 api를 연동하는 작업을했는데 오늘은 이 pr의 코드리뷰를 수정하는 작업을 했습니다.리뷰받았던 내용들은 변수명, 코드포맷팅에 관련된 부분들이 있었고 기억나는 리뷰는 제가 동료분들과 에러처리를어떻게 하면 좋을까 생각하려구 catch 부분에

스프린트코로나를 걸려서 일주일만에 하는 스프린트네요오랜만에 공부방에가서 티켓을 확인하니 양이 꽤 많았습니다 금요일이라 오늘까지인데 가능할까 라는 생각이였습니다.제가 잡았던 티켓은 단순 퍼블리싱과 API작업 하나를 했었는데 늘 해봤던거라 어렵지않았습니다다른분들 도와드리며

스프린트깃강의오늘도 스프린트를 진행했는데 몇분오지않아서 미팅을 못해 일단 API가 이렇게 나올거라고 생각을하고 작업을 진행했습니다API함수만드는것이나 호출하는등 해왔던 작업은 어렵지않았지만한 페이지안에 여러 페이지들이 같이 있는경우 API 호출 성공여부에 따라 aler

스프린트이번주 새로운 스프린트를 진행하면서 관련된 미팅을 하는 과정이있었습니다.어떠한기능이있는데 그 부분은 처음작업해보는 작업이였는데 미팅들어가기전에는 그렇게 어렵게생각되지않았는데 막상 미팅을 하니 복잡해서 단계단계별로 필요한 api들을 백엔드분들이랑 같이 조율해봤습니

스프린트오늘은 아직 이번주 스프린트 목표를 정하지않아서 버그를 수정하는 시간을 가졌습니다.어떤 기능을 구현하는데 react-jsonschema-form을 사용했었습니다api와 상호작용을할때 onSubmit 이벤트 첫번째인자에 formData라는것을 지원해줘서따로 상태관

스프린트이번주 스크럼미팅을 했습니다.아직 프론트에선 콘솔에러, 테스트코드, 에러처리,사용하지않는 코드 정리등 페이지별로 티켓을 만들었는데 양이 매우 많았습니다.하지만 한번 해보면 비슷한 작업들이라 속도가 점점 붙을거같은 생각이네요테스트코드를 작성하는데 정말 오랜만에 작

loading 유틸 함수 만들어보기이번 스프린트에서 로딩을 처리해야하는 작업이있었는데 매번 loading 관련 상태들을 true false 시켜줘야하는 반복적인 작업을 해결하기 위해 유틸함수를 만들어보는것을 시도했습니다.로딩 유틸함수를 만들긴했지만 어디까지나 이 함수를

스프린트오늘은 작업에선 유효성검증을 해야하는 작업이있었는데 같은 input에서 다양한 조건을 검사해야할때는 if문으로 처리하는게 최선인가 라는 생각을 하던차에 react-hook-form과 yup을 사용한다면 유효성체크를 쉽게 할수있더라구요!정규표현식을 이용해서 체크를

스프린트오늘은 저번주에 마저하던 버그나 수정사항들을 수정했습니다.딱히 어려운 작업들은 없었는데 PC버전의 디자인만 생각하고 모바일을 염두하지않아서 깨진 페이지를 수정했는데PC에선 하나를 선택할때마다 선택사항들이 더 나오는 그런 페이지인데 모바일에선 그 선택페이지들이 한

스프린트기존 기능을 수정하는 작업을했습니다기존 api의 body쪽에 문자열만 보내던 값이 있었는데 그부분이 배열안에 문자열로 변경되었는데요 어떤 버튼을 누르면 배열안에 빈값이 담기고 배열 인덱스에 접근해서 값을 변경할수있는 작업중 평소엔 객체 불변성을 유지해주고 키로

스프린트이력서 피드백전에 하던 스프린트 작업들은 크게 어렵지않은 crud 정도였지만 이제 핵심기능을 시작했습니다.서비스의 핵심과 관련된 내용이라 적진못하지만 어떠한 기능을 되게라도 해야하는 상황입니다.현재 윤석님이 보여주셨던건 확실히 되는 방법 한가지와 시도중인 방법이

이력서 수정이번주 피드백을 받은 내용들을 토대로 이력서 수정작업을 했습니다.회고와 이해하기 쉬운코드를 작성하는것을 어필하기위해 회고를 하며 제가 느꼈던 점을 추가로 작성했고 이해하기쉬운코드를 작성해야하는 이유에 대해 저의 경험담을 추가하여 작성했습니다.그런뒤 프로젝트에

스프린트출근했더니 스크럼 마스터가 된 건에 관하여 스터디이번주 스프린트는 서비스 출시를 위해서 홍보목적인 랜딩 페이지가 필요합니다.랜딩 페이지는 템플릿을 구매하여 그 틀은 유지한채로 저희 프로젝트를 녹여내야했는데 어떤 문구나 이미지를 이용하면 랜딩페이지 목적에 가까워질

스프린트출근했더니 스크럼 마스터가 된 건에 관하여 스터디오늘 스프린트는 작업 진도를 거의 못나갔습니다. 랜딩페이지의 템플릿을 샀는데 코드를 분석하기위해 시간을 거의 소비하는거같네요. 단순히 랜딩쪽의 코드만 옮기면되겠다싶었는데 전체적인 코드를 이해해기 위해 상위쪽 구조부

스프린트출근했더니 스크럼 마스터가 된 건에 관하여 스터디템플릿을 산 코드를 해석하며 옮기는 와중에 문제가 있었는데 구매한 템플릿 코드 중 mui의 useMediaQuery를 사용한 코드에서 eslint 오류가 나는 현상을 eslint 주석을 이용하여 무시 시킨 코드가

면접준비내일 면접이 있어 면접을 준비를 했습니다.전체적으로 면접 질문에 나올법한 스토리지, 자바스크립트, 브라우저 동작 원리 등 자주 나올법한 질문들로 리스트를 구성하고 그에 대한 답으론 공식 문서와 블로그를 통해 조사를 했는데 모르거나 잊어버린 내용들이 많더라고요.

면접웹 개발자를 위한 자바스크립트의 모든 것정말 오랜만에 면접을 봤었는데 질문 내용들은 이력서 위주 질문과 기술 질문을 받은 뒤 라이브 코딩을 진행했습니다이력서 위주의 질문으로는 자기소개, 회사에서 어떤 것을 했고 회사를 다니며 사고가 난 적이 있는지 그럴 땐 어떻게

그라운드 룰, 스프린트알고리즘문제지난주에 랜딩 페이지를 마무리하고 이번 주에 어떤 것을 할지 결정하는 미팅을 했습니다.랜딩 페이지를 하느라 2주 정도를 소모했습니다.물론 현재 하는 스프린트가 일을 하는 것은 아니어서 우선순위가 낮을 수도 있지만 이 작업이 과연 2주 정

스프린트알고리즘문제미리 보기를 구현을 하는 중인데 객체에 미리 컴포넌트들을 정의해놓고 prop으로 오는 값을 이용하여 객체에 접근해 렌더링을 해주는 방식으로 진행한 뒤 pr을 올렸는데 저희가 만드는 서비스를 이용해서 구현하게끔 피드백을 받았습니다.아직 예제 컴포넌트도

웹 개발자를 위한 자바스크립트의 모든 것 4장 class 읽기 ( 스터디 준비 )주말 동안에 4장을 다 읽어오기로 해서 4장까지 다 읽었습니다.읽으면서 이해가 안 되는 부분이나 이야기를 나눠봤으면 하는 주제들을 정리했는데 다른 분들은 어떤 주제들을 들고 올지 기대가 되

스프린트코딩테스트웹 개발자를 위한 자바스크립트의 모든 것 스터디미리 보기 기능을 구현하는데 보여줄 컴포넌트를 suspense 기반의 라이브러리를 이용해 동적으로 가져오기 위해서 렌더링 되는 함수에 컴포넌트를 불러오는 로직을 넣고 그 로직의 경로가 변경될 때마다 새롭게

프로젝트코딩테스트웹 개발자를 위한 자바스크립트의 모든 것 스터디지난주에 원격으로 들고 온 컴포넌트를 미리 보기 하는 기능을 완료했는데. 백엔드 쪽이 바빠 api 수정은 msw를 이용하여 했었습니다.오늘 백엔드 쪽이랑 연동하는 작업을 했는데 기존에 사용 중이던 api가

프로젝트코딩테스트javascript - promise기획이 변경됨에 따라 새롭게 추가된 페이지가 있었는데 기존에 있던 페이지와 디자인이 똑같아 옮겨오는 과정을 윤석 님과 짝 프로그래밍을 통해 진행했는데 그 컴포넌트에서 해야 할 일과 하지 않아도 될 일에 따라 나누는 과

프로젝트기능을 구현하는데 4명에서 짝 프로그래밍을 하며 3분마다 돌아가면서 작업해 보는 시간을 가졌습니다. 평소엔 프로젝트 하느라 급급해서 테스트 코드를 작성하지 못했는데 이번 기회를 통해 다시 작성해 보는 시간을 가져서 좋았고 redux를 모킹하기 위해 Redux-m

프로젝트객체지향의 사실과 오해 2장 스터디그제 짝 프로그래밍을 통해서 작업하던 부분을 마무리하고 새롭게 진행했다.이번엔 짝 프로그래밍을 통해서 진행하지 않고 사정상 혼자 하게 되었는데 아직 TDD가 익숙하지 않아서 테스트를 작성하고 구현을 하는 것이 아직은 서투른 거

객체지향의 사실과 오해 5장 읽기객체 지향의 사실과 오해 5장을 읽었는데 책임과 메시지라는 제목의 챕터였습니다자율적인 객체에 대해서 나오는데 자율적인 객체란 스스로의 의지와 판단에 따라 각자 맡은 책임을 수행하는 객체를 의미합니다 객체의 책임이 자율적일수록 협력이 이해

면접면접 질문들을 대답하지 못하거나 명확한 답을 내놓지 못한 경우가 많았습니다.질문들은 컴퓨터 공학, javascript, react에 대해서 물어봤었는데 컴퓨터 공학 쪽은 알지 못하는 부분이라 답을 할 수 없었습니다 모르더라도 내 생각대로 흐름을 얘기해 봤으면 더 좋

객체지향의 사실과 오해 6장3초뒤 a+b를 return 하는 함수 만들기오늘은 6장 스터디를 했습니다 6장에서 소프트웨어는 변경이 자주 일어나기 때문에 변경을 예측하는 것이 아닌 수용할 수 있는 선택의 여지를 설계에 마련해야 한다고 되어있었습니다. 그 설계를 마련하기

면접오늘 면접은 저번보다 더 긴장한듯싶었다 면접을 마치고 나왔는데 어떤 걸 물어봤는지 기억이 잘 안 났다. 지하철을 타며 다시 생각을 해보며 기억나는 면접 질문들을 폰에 기록했는데 어떠한 질문을 한 뒤 그거에 대해 꼬리 질문 형식이 많이 이어졌

Fact (사실) 코드스피츠 css Rendering 1회차 공부 Feeling (느낌) 코드스피츠 css Rendering 1회차 공부 맹대표님이 진행하시는 코드스피츠 css 렌더링 강의로 공부를 했습니다. 평소에 css 별생각 없이 사용했었는데 영상을 보니 그래픽

면접스터디리렌더링과 dom과의 관계면접 스터디를 진행했는데 각자 면접에서 받았던 질문이나 답을 얻고 싶은 질문 한 가지를 골라 돌아가며 답하는 과정을 통해 질문에 답을 할 때 몇 가지 피드백이 있었는데무슨 말을 해도 의도가 드러나게끔 이야기하기이 말을 함으로써 어떤 걸

이력서 수정파이브 라인스 오브 코드 스터디전에는 하나의 이력서로 모든 곳을 지원했는데 이제는 좀 전략을 바꿔서 해당 기업에서 요구하는 자격요건, 우대사항을 위주로 넣어 적어봤다 요구하는 기술 중 사용해 본 적 있는 기술과 선택한 이유들을 적었고 전 회사에서 했었던 작업

파이브 라인스 오브 코드 1장 읽기오늘은 이 책의 첫 시작인 1장을 읽었다보통 책들과 비슷하게 첫 장에서는 책을 소개하는 내용들이 나와있는데 리팩터링이란 기능을 변경하지 않고 코드를 변경하는 것이라고 소개하고 리팩터링을 해야 하는 이유로 4가지가 적혀있는데코드를 더 빠

파이브 라인스 오브 코드 2장 읽기리팩토링 이란 코드가 하는 일을 변경하지 않고 더 나은 코드를 만드는 것이라고 1장에서 정의했었는데 2장에서는 더 나은 코드를 만드는 것과 코드가 하는 일을 변경하지 않는다 이 2가지 내용이 나왔는데 더 나은 코드가 되기 위해선 가독성

파이브 라인스 오브 코드 3장 읽기3장에선 예제 코드를 가지고 아래 5가지 방법을 통해 리팩터링을 설명했다.다섯 줄 제한으로 지나치게 긴 메서드 식별함수 분해를 위한 리팩터링 패턴추상화 수준을 맞추기 위한 함수 분해좋은 함수 이름의 속성너무 많은 일을 하는 함수 분리하

파이브 라인스 오브 코드 4.1장 읽기else if 체인 문을 어떻게 다루는지에 대한 리 팩터링 과정이 담겨있다.if 문에서 else를 사용하지 말라고 하는데 그 이유는 코드에서 결정이 내려지는 지점을 고정하게 되어 조건 문의 유지 보수성을 떨어뜨린다고 한다 이를 해결

파이브 라인스 오브 코드 4장 스터디스터디 시작 시에는 책을 읽으며 이해하지 못한 부분이나 궁금한 점을 질문하는 시간을 가졌다. 이번 4장에서는 if-else로 이루어진 조건문을 각각의 조건을 클래스로 빼내어 리팩터링하는 내용을 다루었는데 복잡한 조건문을 예제로 리팩터

파이브 라인스 오브 코드 5장 읽기5장 첫 부분은 유사한 클래스 통합하기라는 주제였는데 비슷한 역할을 하는 클래스를 합치는 내용을 다뤘다.예제에서는 상수를 반환하는 메서드를 합치는 것을 진행하는데 true or false가 나오는 상수 메서드였다.class의 const

파이브 라인스 오브 코드 5장 스터디오늘도 질문을 받고 같이 3명씩 조를 이뤄 책에 나오는 예제로 3분마다 돌아가며 리팩터링 하는 방식으로 진행했다.코드가 중복이 된다면 무조건 리팩터링 해야 하냐는 질문이 나왔는데 답변하신 분의 주관적으로는 보통 4~5번 정도 되면 리

Fact (사실) storybook, tailwind 공부 및 문서화 Feeling (느낌) storybook, tailwind 오늘 데일리 미팅에서는 새로운 기술을 공부하고 있는 중이라고 했는데 새로 오신 분들을 위해 문서화를 진행하기로 결정했다. 그래서 오늘은 S

Fact (사실) react-hook-form, zod, zodios 공부 및 문서화 Feeling (느낌) react-hook-form, zod, zodios React Hook Form과 Zod를 공부했고, 이 두 기술을 조합하여 유효성 검사를 간편하게 구현할 수