데굴데굴

⚙️ 오늘 배운 주제 네트워크 심화 🐹 오늘의 기분 오늘은 하루종일 솔로로 진행했다. 역시 집중을 위해 열품타를 켜놓고 했다. 내용이 많아보여서 주어진 시간 안에 다 할 수 있을까 걱정이었는데 딴 생각 안 하고 집중해서 하니까 시간이 약간 남았다. 이론 학습을 끝내고 mkcert로 인증서를 받아서 https 서버를 만들어보는 실습도 했는데 신기했다. 서버 파트에서 배웠던 내용을 고새 다 까먹어버려서 잠시 현타 왔었음.... 대칭 키, 공개 키 암호화 방식까지는 그럭저럭 이해했는데 HTTPS 암호화 방식이랑 CA가 나오면서부터 점점 뇌가 멈추기 시작했다. 아직 잘 모르겠어서 영상이나 블로그 글들을 더 찾아보려고 한다. 🗝 키워드 OSI 7 layers, TCP/IP 4 layers, TCP, UDP, 패..

보호되어 있는 글입니다.

⚙️ 오늘 배운 주제 웹 접근성 이론 & 리팩토링 과제 🐹 오늘의 기분 웹 접근성을 학습하고 페어분과 웹 접근성을 지키지 않은 페이지를 리팩토링하는 과제를 했다. 내일 블로깅 과제가 있어서 오늘은 과제 복습 내용을 올려두려고 한다. 생각보다 할 게 많았던 과제였다. 스크린리더도 써봤는데 코드 작성 방식에 따라 다르게 읽어주는 게 신기했다. 웹 접근성이 중요한 페이지를 만들 때 유용할 것 같다. html로 표를 그려보는 것도 재밌었다. 저번 유닛에서 했던 리덕스 과제를 리팩토링하는 문제도 있었는데 거기까지는 시간이 부족해서 아직 들어가지 못했다. 🗝 키워드 웹 접근성, WAI-ARIA 🗣 과제 되돌아보기 과제 각 페이지에서 포인트라고 느꼈던 부분이다. Page 1 웹페이지는 와 만으로도 표현할 수 있다. ..

⚙️ 오늘 배운 주제 웹 표준 🐹 오늘의 기분 어제 머리 싸매고 고민했던 트리 dfs 문제는 레퍼런스를 보니 단 몇 줄로 해결할 수 있는 문제였다.. 디버거를 돌려봐도 잘 이해가 안 되어서 결국 직접 태블릿에 과정 하나하나 다 써가면서 이해했다. 와.. 이걸 어떻게 스스로 생각해내서 쓰지? ㅜㅜ 오늘 학습은 이론 위주였던 데다가 전에 공부하면서 몇 번 봤던 내용들이라 그렇게 버겁진 않았다. 남은 시간은 코플릿 이해하고 dfs 찾아보는데에 쓴 듯.. 내일은 주말이니까 이번 주에 올렸던 내용 다시 읽어보고 코플릿 문제들도 다시 풀어봐야겠다. 🗝 키워드 웹 표준, Semantic HTML, 크로스 브라우징, SEO, open graph 🗣 스스로에게 설명 웹 표준 예전엔 브라우저마다 따로 개발을 해주어야 했음..

⚙️ 학습 주제 Redux 보충 🐶 오늘의 기분 아침에 트리 dfs 문제를 푸는데 될 듯 안 될 듯 코드가 안 써져서 한참 고민했다. 아직 못 풀어가지고 이따 또 보거나 내일 아침에 다시 풀어보고 그래도 못 풀면 레퍼런스 볼 예정.. 갑자기 그래프/트리 순회가 나와서 매우 당황스럽지만 이 기회에 제대로 공부해놔야겠다. 어제 과제를 다 끝내서 오늘은 퀴즈 풀고 리액트랑 리덕스에 대해서 좀 더 찾아보았다. 자세하게 정리해놓은 글이 많아서 감탄하면서 읽었당.. 이런 글 쓰시는 분들은 뭐하시는 분들일까.. 존경스럽고 감사하다. 공식문서도 내 말로 요약해가며 읽었더니 뭔가 훨씬 윤곽이 잡히는 느낌..! 근데 막 redux toolkit도 있고 react-redux도 있고 redux도 있고 이러니까 머릿속에서 막 ..

⚙️ 오늘 배운 주제 Redux 🐹 오늘의 기분 어제 React로만 작성했던 장바구니 과제를 Redux로 작성하는 과제를 진행했다. 이번에는 총 세 명이서 페어를 했는데 그래서 그런지 과제가 금방 끝났다. 일정 보니까 내일까지 이어지는 과제길래 약간 머쓱했음.. 금요일에도 하루종일 솔로라 그 동안 부족하다고 느꼈던 부분을(너무너무 많다....) 이번 기회에 조금 채워놓아야겠다. 흔치 않은 개인 시간이다..! 🗝 키워드 Store, Action, Dispatch, Reducer, Object.assign 🗣 스스로에게 설명 상태 흐름에 관한 내용은 부족한 내용이 많지만 오늘 블로깅 과제로 대체한다. Flux architecture와 Redux 데이터 흐름 참고 React Redux Tutorial for ..

⚙️ 오늘 배운 주제 React 상태 관리 🐹 오늘의 기분 오늘은 잠깐 상태 관리에 대해 학습하고 쇼핑몰 사이트의 장바구니 기능을 구현하는 과제를 했다. 처음으로 셋이서 페어를 해봤는데 재밌었다. 처음부터 전부 작성하는게 아니라 이미 작성된 파일에 장바구니의 기능만 추가하는 거라 전체적인 파일 구조를 파악하는게 우선이었다. 그런데 이게 복잡하게 얽혀있어서 쉽지 않았다. 왜 그림을 그려보고 하라고 했는지 이해가 되는 순간이었다. 페어분이 너무 잘하셔서 슉슉 끝났다. 혼자서 다시 풀어봐야지 🗝 키워드 상태 관리, Redux, Props drilling 🗣 스스로에게 설명 상태 = 동적으로 표현되는 데이터 들어오는 데이터가 가짜 데이터라 할지라도 일단 컴포넌트를 구현하는 것에 집중한다. 로컬 상태 -> 컴포넌..

⚙️ 오늘 배운 주제 React로 custom component 만들기 2 🐹 오늘의 기분 지난 주에 이어서 컴포넌트 만들기 과제를 했다. 주말에 일이 있어서 복습을 평소보다 깊게 못해서 약간 걱정됐었음. 페어분과 머리 싸매고 한 덕에 어드밴스드까지 무사히 끝냈다. 진짜 불태웠다고 말할 수 있다.... 이론 학습한 게 까마득하게 느껴질 정도다. 이번 과제에서는 CSS 관련해서 배워가는게 참 많았다. 아무래도 실생활에서 자주 보는 컴포넌트들이다 보니 더 깔끔하게 만들고 싶은 마음이 있었다. 개발공부하면서 느끼는 건 기본이라도 하는게 참 어렵다는 거다. 당연하게 느꼈던 기능인데 막상 직접 구현하려니 엉망진창이고 이런 경우가 많아서 여기서 기능을 더 더하는 것보다 일단 기본이라도 하는게 진짜 중요하다는 걸 뼈..