TIL: 원티드 프리온보딩 코스 이후 약 2달 간의 회고 - 220804

앞으로의 과제

• 프로젝트 코드 리팩토링 필요
• 조금 더 규모가 큰 프로젝트 경험 필요
• 사용한 라이브러리에 대한 특징과 사용 이유 명확히 정리
• JS, TS, HTTP 통신에 대해 지속적 학습
• linter와 웹팩, babel 설정, vite 등에 대한 학습 필요
• aws 사용해보기

CRA로 개발을 할 때 custom 설정을 위해 eject를 한다면 되돌리는 것은 불가능하고,
모든 configuration 을 직접 유지보수 해야 된다
꼭 필요한 경우 관련 라이브러리를 사용하자

참고할만한 블로그

Keep

자바스크립트 완벽 가이드
타입스크립트 프로그래밍
HTTP 네트워크
프로젝트와 함께 병행

나쁘지 않았다

Problem

여러 것들을 새로 학습하느라
깊이가 부족하다

Try

지금까지 옆으로만 넓혀왔으면 이제는 배운 것들을 발전시켜서
조금 더 깊이 있는 학습과 경험이 필요해보인다

꾸준히 잘 해왔고
물리적인 시간이 더 필요할 뿐이다
포기하지 않고 앞으로도 계속 정진해야..

조금 더 좋은 방법과 대안, 좋은 코드에 대한 생각을
놓치지 말자

바쁘니까 못했다고 말한다면, 계속 바빠서 못할 것이다

기억에 남는 문제

1. 클로져
setTimeout 을 사용한 for문 클로져 문제
답변은 함수로 빼서 인자로 i 전달하겠다
대안은 let 으로 간단히 처리

2. async await 를 promise로 변경
async 함수 내부에

await 페칭()
await 데이터 json.parse()

div 생성 후
페칭 데이터 삽입하는 코드를 


div 생성
페칭()
then json.parse()
.then 페칭 데이터 삽입


3. 다음 코드의 문제와 해결 - arr을 useState로 관리하는게 좋을 것 같다고 답변, 문제 파악에서 틀림
-> 데이터 페칭을 위해 useEffect 처리였던 것 같다.. 
	급하더라도 조금 더 세밀하게 코드를 볼 필요가 있고 비슷한 예제를 만들어서 다시 해보자

const component = (props) => {
	const arr = []
	
    데이터 받아와서 arr에 push
    
	return (
		arr.map(data=> {
			return <div>{data}</div>
		})
	)
}