Homile

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 (100문제 끝) 면접준비 Udemy React-query 강의 18일부터 25일까지 블랙프라이데이 할인을 진행하고 있어서 구매해서 처음들었다. 블로그나 공식 사이트를 통해서 이론적으로 학습은 진행했지만 부족했던 것 같아서 조금 더 내용을 자세히 알기위해 결제해서 듣기 시작했다. ✍ Diary 10월25일부터 하루 4문제씩 0단계 문제로 아침을 시작해서 상쾌하게 머리를 더 쓸 수 있도록 했던 활력소였는데 이제는 백준이나 리트코드에서 문제를 찾아야겠다. 백준은 많이 풀었어서 리트코드가 안풀었던 문제가 더 많아서 리트코드를 선택할 것 같긴하다. Udemy에서 블랙프라이데이로 할인을 하고 있어서 이전에 듣고 싶었던 강의 2개를 샀었는데 React-quer..

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 면접준비 Github 꾸미기 레포지토리 생성 꾸미기 전에 계획을 세워야겠다. 나만의 포트폴리오 구현 재시작 이전에 바닐라JS로 구현했던 것을 그대로 React / Typescript를 사용해서 구현하려 했었지만 디자인을 나만의 것으로 해야겠다 라는 생각이 들어서 디자인을 다시 시작했다. 자기소개 → 사용가능 스택 → 프로젝트 → Contact 순으로 화면에 나오게 할 것이며 다크모드를 구현할 생각이다. 디자인을 포함해서 구현작업까지 예상기간은 5일정도로 잡고 있다. ✍ Diary 내가 사용할 수 있는 스택은 이력서에 적혀있지만 이력서를 보는 담당자님이 Github에 들어갔을 때 Github에서 나오게 한다면 조금 더 어필할 수 있다곡 생각이 들어서 ..

Redux 상태를 업데이트 할 때는 항상 원본 state는 수정하지 않고 새로운 state를 반환해야한다. 프로젝트가 더 복잡해질수록 리덕스를 올바르게 사용하기도 더 복잡해진다. 리덕스에서 관리해야 할 상태가 더 많아질 때 생길 수 있는 현상 액션 타입에서 문제가 생길 수 있다. 식별자는 오타가 나서는 안되지만 오타가 날 경우 리듀서가 처리하지 못하게 된다. 해결: 상수를 지정하여 오타를 막을 수 있다. 작은 프로젝트에서는 문제가 되지않지만 큰 프로젝트에 많은 개발자가 들어가는 프로젝트에서는 문제가 될 수 있다. 서로 다른 액션이 많을 때 식별자의 충돌이 발생할 수 있다. 관리하는 데이터의 양이 많을 수록 상태 객체도 점점 커지며 많은 상태를 복사해야한다. 모든 상태를 유지하려면 계속 복사해야하고 리듀서..

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 면접준비 Redux-toolkit 복습 StudyHaza(팀 프로젝트) 타입스크립트 버전 빌드파일 배포 redux-toolkit으로 변경함으로 경로 재지정 assets 이미지 임포트 모음 ✍ Diary 어제 리덕스 툴킷으로 변경하고 적용이 되지 않는 곳을 발견해서 경로를 재지정했다. 배포를 하기전에 발견을 해서 다행이지만 다음에는 작업하는 순간에 찾을 수 있도록 해야겠다. assets폴더에 이미지파일들이 있어서 이것을 어떻게 코드를 줄일 수 있을까 생각해본 결과 index.ts파일을 하나 생성하여 이미지 파일들을 미리 import해주고 사용해야 하는 컴포넌트에서 구조분해할당으로 export된 이미지를 받아와서 매번 컴포넌트에서 import해야 하는 ..

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 면접준비 Redux-toolkit 복습 StudyHaza(팀 프로젝트) Redux → Redux-toolkit으로 변경 redux-toolkit 세팅 redux-toolkit 변환으로 인한 actions 폴더 삭제 ✍ Diary 리덕스 툴킷을 학습해뒀지만 프로젝트에는 사용하지 못했어서 리팩토링을 툴킷으로 해보면 좋겠다 라는 생각이 들어서 툴킷을 다시 복습하고 변경해보았다. 매우 좋은 결과가 나왔다. 이전에는 액션까지 신경쓰면서 작업을 해야했지만 그것이 어렵진 않았지만 신경써야할 것이 하나 줄고 코드가 줄었다. 또한, windows.location.reload()를 사용해서 Navbar의 유저 정보를 출력해야 했는데 해당 코드를 지워도 바로 적용이 되..

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 프로그래머스 Level2 문제풀이 [level2] 짝지어 제거하기 문자열을 스프레드 연산자를 사용해서 배열로 만들어 준 뒤 배열의 현제 인덱스에 담긴 문자와 answer 배열에 끝에 담긴 문자를 비교해서 같다면 answer배열에서 제거하고 같지 않다면 현재 문자를 answer 배열에 추가한다. 마지막으로 answer가 빈 배열이라면 모두 제거된 것이기 때문에 0을 출력하고 아니라면 1을 출력한다. [level2] 영어 끝말잇기 6월에 추가된 문법인 at을 사용해봤다. at(): 정수 값을 받아, 배열에서 해당 값에 해당하는 인덱스의 요소를 반환한다. 양수와 음수 모두 지정할 수 있고, 음수 값의 경우 배열의 뒤에서부터 인덱스를 센다. arr[arr...

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 Javascript 알고리즘 스터디 문제풀이 해설 및 피드백 (개인 사정으로 인한 2주 문제) [level1] 옹알이 (2) [level1] 푸드 파이트 대회 [level1] 햄버거 만들기 [level2] 피보나치 [level2] 다음 큰 숫자 [level2] 카펫 문제선정 [level1] 과일 장수 스터디가 끝난뒤 재밌어보여서 바로 풀어서 해결했다. [level2] 짝지어 제거하기 [level2] 영어 끝말잇기 면접준비 ✍ Diary 수료하고 나서부터 쉬었던 적이 없던 것 같아서 어제 데브매칭도 끝났고, 오늘은 조금 쉬는 느낌으로 학습을 하며 이력서를 제출할 회사들을 하나하나 찾아가면서 리스트를 작성했다. 원래는 매주 일요일에 조금 쉬는 느낌으로 ..

📗 오늘 한 일 프로그래머스 LEVEL.0 4문제 풀이 기술면접, 일반면접 준비 프론트엔드 과제 테스트 진행 완벽하게 해내진 못했다.. 문제에 대해서는 발설하면 안되기 때문에 나중에 프로그래머스에 나오게 된다면 한번 더 풀어보고 얘기할 수 있게 될 때 말해야겠다. ✍ Diary 오늘은 테스트를 프론트엔드 과제 테스트를 진행했다. 항상 알고리즘, React 기반 과제 테스트를 진행했었는데 vanilla js로 페이지를 구현해야 하니 뭔가 더 어려운 느낌이었다. 그래도 몇일간 준비했기 때문에 왠만한 화면구성에는 문제가 없었다. 아무리 React의 시대가 열리고 있다고는 하지만, vanilla js를 사용해서 페이지를 React처럼 만드는 것도 다시한번 공부해봐야 겠다는 생각이 들게 하는 과제였다.

📗 오늘 한 일 프로그래머스 알고리즘 Level0 단계 문제풀이 (4문제) 면접 준비 프로그래머스 FE 데브매칭 준비 고양이 사진 검색 사이트 문제 해설분석 후 직접 작성 StudyHaza(팀 프로젝트) SignUp.tsx 변환 및 form 코드 변경 ✍ Diary 드디어 내일이다... 잘 해낼 수 있을지 모르겠지만 열심히 해야겠다! 잘 되지 않더라도 취업준비를 위해서 과제테스트가 있는 회사가 있기 때문에 바닐라 JS를 더욱 깊게 공부할 수 있어서 좋았던 것 같다.

📗 오늘 한 일 프로그래머스 알고리즘 Level0 단계 문제풀이 (4문제) 면접 준비 프로그래머스 FE 데브매칭 준비 고양이 사진첩 애플리케이션 문제 해설분석 후 직접 작성 StudyHaza(팀 프로젝트) MyPage.tsx변환 ✍ Diary 분명 메일로는 22년 11월 13일(토)라고 적혀있길래 토요일인줄 알았는데 13일은 일요일이었다... 하루 전이라 프로그래머스 데브매칭 준비를 조금 더 열심히 했는데 하루가 더 생겨서 좋았다.