yehey's 공부 노트 \n ο(=•ω＜=)ρ⌒☆

오늘의 에러 javascript 정확히 말하면 typescript 프로젝트를 진행하던 중 만나서 시간을 좀 많이 투자한 에러다. 특정 배열을 map 을 이용해서 새로운 배열로 생성했는데, map 안에서 비동기 함수를 사용했고 그 비동기 함수의 반환으로 이루어진 배열이 내가 필요해하던 배열이었다. 그런데 나는 값이 필요하지, Promise 들이 필요한건 아니었다. 근데 promise pending, 즉 초기상태로 아직 이행중이거나 시작을 하지 않아서 값이 없는 상태로 여기에 이제 값을 넣을거라는 약속 Promise를 주는 것이었다. 그래서 첫번째로 내가 await 해야하는 어딘가에 await을 하지 않은건가 라는 합리적인 의심을 하며 시간을 계속 보냈다. 진작 구글링을 이때부터 했어야했는데 이곳 저곳 aw..

이번 미션은 백엔드와의 협업에서 필수적인 axios 라이브러리를 사용해서 서버와 통신을 하는 것! 지난 미션보다 페이지 수는 적었고 axios 라이브러리를 사용하는 것을 중요하게 생각하고 배웠던 것 같다. axios 자체는 그렇게 어렵지 않았고 async, await이나 then, catch 과 같이 비동기 개념이 좀 어려웠다. 사실 비동기는 여전히 프론트 개발을 하면서 헷갈리는 경우가 많은데, 그래도 하면 할수록 개념이 잡히고 체화되는게 느껴진다. 그리고 쿠키에 로그인 시에 쓰이는 JWT 토큰을 저장했는데, 받은 코드리뷰 중 하나는 여러 페이지에서 쿠키를 사용하는데, 지금은 App.js 에서 cookie를 생성하고 이를 props를 이용해서 넘겨주지만 context 를 이용하면 굳이 props로 단계단..

이번 세오스 미션은 저번 미션에 이어 채팅 완성하기다. 사실 미션이 끝난지는 한참 됐는데 (5/8..), 미루고 미루다가 세오스가 끝나버린 이 시점에 쓰게 되었다. 지금와서 생각해보면 그렇게 어렵지 않은 미션이었는데, 그때는 그게 그렇게 어렵게 느껴졌다. 이번에도 코드가 더 길어졌기 때문에 깃헙 주소를 남겨놨다. 기능 상으로 이해가 안되는건 지금와서 보면 없어서... 아쉬웠던 점 위주로 적어보려고 한다. 채팅 기록을 로컬스토리지에 저장하지 않아서 채팅창이 계속 비워지는 것 디자인 (지난 번 세션에서 vw,vh 를 알게 되고 그걸로만 만들려고 하다보니 비율이 안맞았다. 반응형이 중요한이유..) 여전히 클린하지 못한 코드와 파일 구조 (변수,함수 명, 파일을 나눈 기준) 재사용성이 떨어지는 코드 (반복되는 ..

https://www.acmicpc.net/problem/16198 16198번: 에너지 모으기 N개의 에너지 구슬이 일렬로 놓여져 있고, 에너지 구슬을 이용해서 에너지를 모으려고 한다. i번째 에너지 구슬의 무게는 Wi이고, 에너지를 모으는 방법은 다음과 같으며, 반복해서 사용할 수 있 www.acmicpc.net 알고리즘 분류: 브루트포스, 백트래킹, 재귀 백준 알고리즘 풀면서 항상 느끼는거지만 입력 형식, 출력 형식 맞추는거 너무 힘들다ㅠ 시간이 지나면 익숙해지겠지 이번 문제는 브루트 포스, 재귀를 이용해서 해결했다. 브루트포스와 백트래킹 알고리즘에 대해서 스터디를 진행했지만 백트래킹은 구분이 잘 가지 않는다. 언젠간..문제를 풀다보면..이해가 가고 구분이 가겠지.. 정답 코드 설명 s는 입력받을 ..

이번 세오스 미션은 난이도가 있었다. 그렇다고 이전 미션이 쉬웠다는 뜻은 절대 절대 아님 이전 미션은 코드를 작성하는게 어려웠다면 이번 미션은 react를 사용하는 법과 같은 개념을 이해하는게 힘들었다. react 독학하면서 메신저 만들기... 덕분에 시간 끌지 않고 온전히 react에 집중할 수 있는 시간이었다. 이번 코드는 길기도 하고 파일이 여러개라서 깃헙주소만 남겨놨다. 미션이 기본으로 class형이 아닌 함수형 component를 사용하라고 되어있어서 Hook 도 함께 사용했다. Hook 이해하는게 제일 어려웠고 아직 여전히 이해하지 못한 것 같긴하다. 앞으로 하면서 이해해봐야지 react 공부하고 직접 짜보면서 헷갈렸던 부분이나 남기고 싶은 부분만 부분적으로 정리해보았음! //MessageIn..