월요일에 뽀그로 타이머 퀘스트를 보고 기본적인 요구사항조차 완성시킬 수 있을지 의문을 가진채 시작을 했는데 오늘 드디어 작동을 하는 타이머를 겨우 만들었다. 하지만 아직 끝난 게 아니다.... 진짜 어떻게든 작동하는 게 목표였기 때문에 코드가 개판인 게 내 눈에도 보인다... 그리고 나만의 기능도 만들어야 하고, 타이머 시간이 끝나면 알림음도 나게 해야 하는데 오디오가 들어가지 않는다... 시간이 딱 지나면 오디오가 재생이 돼야 하는데 재생이 되지 않고 밑에 에러가 나온다. Uncaught (in promise) DOMException: The element has no supported sources. 위의 에러 메시지를 구글링 해서 나오는 해결방법들을 여러 가지 시도를 해봤지만 소득이 없었다. 1. ..

뽀그로 타이머 과제 리뷰 중 useState로 상태 값을 관리하던 것을 store에서 관리해야 한다는 리뷰를 받았다. 즉 Flux Architecture를 직접 적용해야 할 때가 왔다는 뜻이다. 이번 주 강의를 들으면서 가장 이해가 안 되고 어려웠던 Flux Architecture.... 그리고 추가로 구독이라는 개념이 나오면서 Pub-Sub패턴도 배웠는데 이것 또한 이해하기가 쉽지 않았다. 일단 내가 지금까지 내가 이해한 Flux Architecture에 대해 먼저 정리해보자. Flux Architecture 우선 Flux Architecture는 MVC패턴의 한계를 해결하기 위해 등장한 아키텍처라고 한다. MVC패턴은 데이터 흐름이 양방향이기 때문에 애플리케이션의 복잡도가 높아 확장하기가 어렵다. 반..

일단 하자 어제 퀘스트를 거의 진행하지 못했었다. 어디서부터 어떻게 진행해야 할지 몰랐고, 어떻게 저 기능을 구현해야 하지?라는 막막함이 아무것도 진행할 수 없게 만들었다. 그래서 어제는 강의를 한 번 더 듣는 시간을 가졌지만 오늘은 나름 퀘스트 진행이 되고 있다. 어제 강의를 한 번 더 들었다고 오늘 퀘스트를 어떻게 할지 감이 잡힌 건 아니었다. 하지만 어제와 오늘의 나의 차이는 오늘도 아무것도 못한 채 생각만 한다면 큰일 날것 같아서 일단 시작하는 거였다. 어제처럼 전체적인 완성된 그림을 생각하고 어떻게 그려나가야 할지 방법을 먼저 생각하고 시작하는 게 아니라 진짜 작은 부분, 내가 만들 수 있는 부분부터 차근차근 하나씩 만들어 갔다. 차근차근 하나씩 만들다 보니 "아! 이것도 필요하겠다. 그러면 저..

요즘 들어 뭐 하나 쉬운 게 없어서 하루의 목표를 세우면 그 목표를 제대로 완료하는 게 없는 상황이다. 오늘 올라온 코딩 도장 문제도 혼자 풀고 싶었지만 시간이 오래 지나도 못 풀었다. 지금 강의 인출도 제대로 되지 않고, 퀘스트도 시작도 못한 마당에 이걸 붙잡고 있는 게 맞는 건가? 생각이 들어서 풀이 방법을 찾아서 제출을 하긴 했다. 강의 인출도 오늘 제대로 하지 못했다. 6시 안에 제출해야 한다는 마감시간이 있었지만 그 시간을 지키지도 못해서 강의 반복 과제도 일단 강의를 보면서 따라친것을 제출했다. 우선 항상 트레이너님이 강조하시는 마감시간을 지키기 위해 어떻게든 제출은 하고 있지만 이렇게 하고 있는 게 맞는 건지 혼란스럽고 답답했다. 능동적으로 뭔가 해내는 게 없다는 사실이 의욕을 자꾸만 꺾이게..

내가 알던 리액트 맞니? 주말에 강의를 보면서 오랜만에 강의 난이도에 매우 당황을 했다. 이전에 마카오 뱅크의 Transaction을 제대로 이해하지 못해서 Transaction 때문에 힘들었던 이후로 오랜만에 나를 당황케 하는 강의의 난이도였다. 내가 알던 리액트가 맞나 싶을 정도로 이번 주에 배우는 리액트에 대한 내용이 이해하기가 쉽지가 않았다. 그러다 보니 자연스럽게 강의를 보면서 스페이스바를 눌러서 멈추거나 다시 5초 뒤로 가는 일이 잦아지면서 한 강의를 보는데 시간이 생각보다 더 많이 소비되기도 하고.. 이해가 잘 안 되니 일단은 따라 치기라도 해 보자라는 심정으로 강의를 따라 치는데 분명 똑같이 따라 쳤다고 생각했는데 어느 순간 내 코드는 동작을 하지 않고... 강의를 이해한게 아니라 어디가 ..

이번 주의 학습 키워드 중 하나인 callback 함수에 대해 알아보자 사실 콜백 함수는 자바스크립트를 배우면서 여기저기서 자주 듣던 용어이다. 하지만 오늘 콜백 함수라는 학습 키워드를 봤을 때 정확한 개념은 모르고 있는 것 같다는 느낌을 강하게 받았다. 이번 주의 학습 키워드인 만큼 제대로 알기 위해 콜백함수에 대해 정리를 하자. 콜백 함수를 알아보기 이전에 콜백함수를 검색하면 일급 객체가 연관돼서 많이 나오는데 일급 객체부터 살펴보자 사실 일급 객체도 처음 듣는 개념이 아니라 자바스크립트를 처음 배울때 학습 키워드로 나왔던 개념이다. 심지어는 코딩 인터뷰시간에 일급 객체에 대해 질문받았던 게 기억이 난다... 그때 제대로 답을 했던가?? 내 기억상으로는 횡설수설한거 같은데 이제는 제대로 머릿속에 박아..