데굴데굴

⚙️ 오늘 배운 주제 번들링, 웹팩 🐹 오늘의 기분 오늘도 어김없이 피곤했다. 주말에 잘 쉬는게 이렇게 중요합니다.... 이번 주말엔 진짜 푹 자야지 ㅜㅜ 흑흑 다행히(?) 오늘은 하루종일 솔로라 시간에 연연하며 공부할 필요가 없었다. 내용이 너무 낯설어서 마치 새 언어를 또 배우는 기분이었다. 내일은 리액트에서 웹팩 쓰는 연습이 있는데 잘 끝낼 수 있을지 사알짝 걱정된다..ㅎ 복습 제대로 하자! 아 그리고 이번 섹션은 코플릿이 너무 어렵다. 섹션 3까지는 그래도 어떻게 풀어내거나 레퍼런스를 봐도 이해할 수 있는 수준이었는데 섹션 4 오면서 난도가 확 높아져서 당황스럽다. 매일 9시부터 10시까지는 빈 화면 보면서 의미 없는 텍스트만 써내려가고 있음 ㅠㅠ... 그리고 레퍼런스를 봐도 도저히 나 스스로는 ..

⚙️ 오늘 배운 주제 CSS keyframes, Canvas 🐹 오늘의 기분 어제 만든 반응형 웹에 애니메이션과 canvas를 넣는 작업을 했다. 많은 속성이 있는데 시간이 촉박해서 제대로 찾아보진 못하고 일단 갖다 썼다. 그래도 뭔가 작동이 되니까 신기했다. 아 근데 주말에 못 쉰게 아직도 여파가 커서 너무 힘들다 ... ㅠㅠ 내일은 또 솔로라 조금 편하게 할 수 있을 것 같은데 또 집중 못할 수도 있으니까 줌방 들어가서 공부해야겠다. 🗝 키워드 keyframes, transition, canvas 🗣 스스로에게 설명 @keyframes animation 속성 animation-name - 애니메이션의 이름 animation-duration - 기본값 0, 시간 속성으로 작성 animation-dela..

⚙️ 오늘 배운 주제 브라우저 작동 원리, 반응형 웹 🐹 오늘의 기분 주말에 일정이 있어서 여기저기 다녀왔더니 피곤이 한번에 몰려와서 집중이 다소 힘들었던 하루였다. 오늘 만난 페어분은 전에 한 번 뵀던 분이라 편하게 할 수 있었다. 브라우저 관련 개념 학습은 내용이 정~말 많아서 시간 내에 제대로 공부하기에는 어려웠다. 일단 개념만 알아두고 더 깊은 내용은 차차 살펴봐야겠다. 🗝 키워드 브라우저 엔진, 렌더링 엔진, 자바스크립트 해석기, 힙 메모리, 콜 스택, 리플로우, 리페인트, 미디어쿼리 🗣 스스로에게 설명 브라우저란? 웹 서버에서 양방향으로 통신하며 html 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 소프트웨어 프로그램 구조 1. 브라우저 엔진 브라우저 엔진과 렌더링 엔진을 ..

⚙️ 오늘 배운 주제 자료구조 - 트리, 그래프 🐹 오늘의 기분 트리와 그래프는 독학으로 찍먹을 해봤어서 이번에도 개념 자체는 크게 낯설지가 않았다. 하지만 막상 이걸 이용한 문제를 풀어보려 했을 때 막힌 적이 많았어서 이 기회에 제대로 배워보고자 오늘은 눈에 불을 켜고 공부했다. 아무리 생각해도 하루만에 개념 학습과 코플릿까지 푸는 건 무리였던 것 같다. 구현 부분은 어제보다 살짝 더 까다롭게 느껴졌고 다른 문제는 진짜 어려워서 결국 레퍼런스를 참고했다. 그래도 10번 문제는 페어분이랑 고민한 끝에 스스로 풀어내서 이것만으로도 꽤 뿌듯하다. 이제 못 풀었던 문제들 풀이 분석해보고 스스로 풀어봐야겠다. 맨 마지막 바코드 문제는 문제도 못 읽어보고 끝나서 찬찬히 봐봐야겠음! 아 오늘치 코플릿도 이해 못해서..

⚙️ 오늘 배운 주제 자료구조 - 스택, 큐 🐹 오늘의 기분 섹션 4에 들어왔다. 이번 유닛에서는 자료구조를 배우는데 그 첫 타자는 스택과 큐였다. 독학할 때 파이썬으로 공부해본 적이 있어서 개념 자체는 크게 어렵게 느껴지지 않았다. 자바스크립트 class로 구현해보고 두 자료구조를 응용한 여러 문제를 푸는 것이 어려웠다. 브라우저 스택이랑 박스 포장까지는 페어분과 고민하면서 나름 빠르게 풀었는데 프린터 큐에서 완전 막혀버렸다. 한 시간 정도 고민하다가 결국 레퍼런스를 봤는데 더 이해가 안 됐다 (?) 라이브세션에서 알려주신 코드가 더 이해가 잘 됐다. 올려주신 레퍼런스 보면서 풀이 뜯어보고 혼자 다시 풀어보려고 한다. 🗝 키워드 스택, 큐, 후입선출, 선입선출, push, pop, enqueue, de..

⚙️ 오늘 배운 주제 OAuth 인증 🐹 오늘의 기분 이번 과제는 뭔가.. 될 듯 안 될 듯하면서 안 돼가지고 애먹었다. 그래서 라이브세션 때는 과제하면서 썼던 거 싹 지우고 똑같이 따라하면서 들었다. 분명 엄청 오래 걸렸었는데 뚝딱뚝딱 끝나서 굉장히 신기했음.. 작동되는 거 보고 뭐가 문제였는지 한참 생각해봤는데 try/catch문을 안 쓴 것과 isLoading상태의 변경 위치, useEffect()의 사용에서 차이가 있었다. 참 아리까리한 게 많았던 과제였다. 이따 또 다시 지우고 혼자 다시 해봐야지..... 🗝 키워드 OAuth, Authorization grant, Authorization code grant type, Refresh Token Grant type 🗣 스스로에게 설명 OAuth ..

⚙️ 오늘 배운 주제 토큰 인증 방식 🐹 오늘의 기분 쿠키, 세션에 이어서 토큰을 배우고 이를 기반으로 로그인 과제를 다시 해보았다. 역시 이론을 공부할 때랑 코드를 직접 쳐보는 것은 천지차이이다. 환경변수 설정에서부터 막혔었는데 페어분 덕에 해결할 수 있었다. 처음 한 문제만 풀면 다른 파일들은 다 풀어낼 수 있을 거라고 생각했는데 그 처음 한 문제를 푸는게 너무 어려웠다ㅜㅜ 그래도 어찌저찌 시간 안에 끝내서 신기함... 개발자 도구 띄워놓고 Application-Cookies에서 쿠키가 오고가는 것만 보면서 했었는데 네트워크 탭도 봐야했던 걸 라이브세션에서 뒤늦게 깨달았다. 토큰을 받고 인증하는 함수가 미리 작성되어 있었는데 그게 비동기로 작성되어 있어서 오랜만에 비동기도 다시 써보았다. 페어분과 풀..

⚙️ 오늘 배운 주제 인증/보안 🐹 오늘의 기분 인증, 보안 파트를 공부했다. 쿠키, 세션에 대해 배우고 요즘 사이트에 거의 들어가있는 로그인 기능을 구현하는 실습도 진행했다. 내용도 많고 서버랑 클라이언트 파일을 왔다갔다하는게 아주 정신없었다. 그 흐름을 이해하는게 굉장히 중요하게 느껴졌다. 코드 자체는 유어클래스에 그대로 나와있었어서 작성하는데 어려움은 없었지만, 왜 이렇게 쓰는 건지 이해하는데서 시간을 많이 썼다. 과제하는 내내 라이브세션이 절실했음... 그래도 세션에서 정리된 설명을 들으니 혼잡했던 머릿속이 조금이나마 정리된 느낌이다. 과제 살펴보면서 옵시디언 노트에 로직을 글로 써보는 중인데 이렇게 정리해보는 것도 꽤 도움되는 것 같음. 오늘 코플릿도 제대로 이해 못해서 그것도 뜯어봐야되고.. ..