react
-
[패스트캠퍼스] 프론트엔드 강의 8주 차 후기코딩/JS 2023. 5. 2. 17:44
- 이미 React부터 버거운 상황이었지만, Redux의 코드 형태가 어떤지 어떤 흐름으로 진행이 되는지 궁금하기도 해서 죽이 되든 밥이 되든 우선 완강이라도 해보자! 라는 목표로 Redux를 듣기 시작했다. 때문에 강사님의 물 흐르듯 진행되는 강의 또한 따라잡기에 버거웠지만... 중간에 다시 한번 Redux 코드가 실행되는 흐름을 이해되기 쉽게 정리해 주셨을 때는 정말 감사했다.... - 일단, store.send();로 send를 호출하면 function send()로 가서 그 안의 worker를 호출하고 worker의 state 안(?)의 return이 실행된다는 거인데... 처음엔 왔다 갔다 정신없었지만 다시 정리해 주신 것을 찬찬히 살펴보니 위의 캡처 순서처럼 어렴풋이 흐름을 파악할 수 있었..
-
[패스트캠퍼스] 프론트엔드 강의 7주 차 후기코딩/JS 2023. 4. 28. 15:47
- 6주 차까지는 짧게나마 배웠던 경험이 있었기에 약간의 베이스를 깔고 편안하게(?) 강의에 임했다면 7주 차는 정말이지 미지의 세계 그 자체였다. React를 짧게나마 배우는 과정이었는데 아직 자바스크립트도 헐렁하게 이해하고 있는 상황에서, 너무 생소한 코드와 구조였기 때문에 그만큼, 진도를 따라가기도 버거웠고, 중간중간 막힐 때마다 실제로 좌절하기도 했지만 뭐든 첫술에 배부를 수 없는 법... 완강을 목표로 꾸역꾸역 버틴 한 주였다. 그래도 그런 와중에서 무척 흥미롭게 집중했던 부분이 있었는데, 그것은 바로 Part 1. 04. 변경하지 않고 확대하기 중 플러그인 파트였다. 플러그인을 그냥 부가적인 소프트웨어? 정도로만 알고 있던 나에게 이 부분은 무척이나 흥미롭게 다가왔다. (솔직히 말하자면, 다른..
-
[패스트캠퍼스] 프론트엔드 강의 3주 차 후기코딩/JS 2023. 3. 29. 14:50
- [JavaScript 선행 학습] 바로 이어서 하게 될 스타벅스 클론코딩에 적용될 자바스크립트 코드를 미리 배워보는 과정. 두 시간 남짓 되는 짧은 강의 시간에 한 타임 쉬어가는(?) 타이밍인 줄 알았지만... 어느샌가 나는 몇 번씩 반복 시청하면서 노트필기를 하고 있었다. 사실 이번 국비지원교육을 듣기 전까지는 자바스크립트 쪽은 무조건적으로 함수를 외우고 적용을 시켰기 때문에, js함수를 제대로 읽고 이해하지는 못했다. 하지만 이번 강의를 통해 자바스크립트 내에서 각각의 함수들이 쓰여지는 이유와 그 자리에 있는 의미를 제대로 알게 되면서 애매하게 위치해있던 퍼즐 조각들이 이제서야 제대로 맞춰지는 기분이 들었다. 제일 기억에 남는 부분은 DOM API 단락의 HTML 요소(Element) 검색/찾기 ..
-
[패스트캠퍼스] 프론트엔드 강의 2주 차 후기코딩/CSS 2023. 3. 22. 12:28
- 내 코딩 스타일리고 할 건 없지만, 될 수 있으면 HTML을 깨끗하게 쓰고 싶은 타입이라 학원 수업 때부터 인라인 스타일은 되도록 사용하진 않았다. 꾸밈은 모두 css에서 하려고 했고 동작은 자바스크립트에서 하려고 했다. (이렇게 나열하고 보니 당연한 거 아닌가 싶지만...) 하지만, 막상 코딩을 하면 그때그때의 상황에 따라 코드가 뒤죽박죽이 되기 때문에 흔히들 말하는 스파게티 코드가 되어버리기 쉽다. 그래서 나는 영역(?)을 최대한 나눠서 작업하려고 했고 HTML 안에서 테일윈드를 쓰더라도 레이아웃을 나누는 플렉스 정도만 쓰려고 했다. 왜 이렇게 서론이 길어졌냐면, CSS 파트의 선택자 우선순위랑 강의를 듣고 있자니.... 정말 저거 계산하고 있을 시간에 필요 없는 코드를 지워버리는 게 더 효율적이..
-
[패스트캠퍼스] 프론트엔드 강의 1주 차 후기코딩/CSS 2023. 3. 14. 13:32
- 1주 차 수업 내용은 웹의 전반적인 흐름 및 HTML의 개념 및 핵심만을 정리해서 간단하게 설명해 주는 시간이었는데, 개인적으론 그동안 학원에서 배웠던 내용을 복기하는 과정이기도 했다. 그동안은 뭐랄까... 배운 대로 코딩을 하고는 있는데 이 코딩의 원리에 대해서 확실히 알지 못한 채 적용하고 있는 기분이었다면, 이번 1주 차에서는 그동안의 그 애매함들이 확실해지고 단단해지고 있는 기분이 들었다. 기억에 남는 수업 내용 1. reset css cdn 즉, css 스타일 초기화. 왜 기억에 남는가 하면 학원에서는 일일이 노멀라이즈 하는 방식으로 배웠기 때문이다. 뭐 이것도 메모장(맥일 경우)에 작성해 놓고 css 작성할 때마다 복붙으로 가져다 쓰면 그만이긴 했지만... reset css cdn으로 cs..