데굴데굴

⚙️ 오늘 배운 주제 웹 접근성 이론 & 리팩토링 과제 🐹 오늘의 기분 웹 접근성을 학습하고 페어분과 웹 접근성을 지키지 않은 페이지를 리팩토링하는 과제를 했다. 내일 블로깅 과제가 있어서 오늘은 과제 복습 내용을 올려두려고 한다. 생각보다 할 게 많았던 과제였다. 스크린리더도 써봤는데 코드 작성 방식에 따라 다르게 읽어주는 게 신기했다. 웹 접근성이 중요한 페이지를 만들 때 유용할 것 같다. 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 관련해서 배워가는게 참 많았다. 아무래도 실생활에서 자주 보는 컴포넌트들이다 보니 더 깔끔하게 만들고 싶은 마음이 있었다. 개발공부하면서 느끼는 건 기본이라도 하는게 참 어렵다는 거다. 당연하게 느꼈던 기능인데 막상 직접 구현하려니 엉망진창이고 이런 경우가 많아서 여기서 기능을 더 더하는 것보다 일단 기본이라도 하는게 진짜 중요하다는 걸 뼈..

⚙️ 오늘 배운 주제 React로 custom component 만들기 🐹 오늘의 기분 어제 새로운 걸 너무 많이 배워서 오늘 과제를 잘 할 수 있을지 걱정이었다. 게다가 완전 아침부터 하루 종일 과제만 하는 거라 '얼마나 어려운 과제길래.. '하는 생각이 절로 들었음. 혼자 했으면 엄청 헤맸을 것 같다. 내가 모르는 부분은 페어분이 아시고, 나도 내가 아는 부분을 페어분께 알려드릴 수 있어서 과제가 생각했던 것보다 빨리 끝났다. 과제는 당연히 어려웠고 예상치 못한 곳에서 자주 막혔지만 오류의 원인을 찾고 해결하면서 컴포넌트를 완성해나가는 과정이 재미있었다. 주말에는 이번 과제를 진행하며 부족하다고 생각했던 CSS 개념을 제대로 보충해볼 생각이다. 🗣 과제 되돌아보기 오늘 과제에서는 모달, 토글, 탭, ..

⚙️ 오늘 배운 주제 Component Driven Development 🐹 오늘의 기분 월요일에 잠을 제대로 못 잤는데 그 여파가 이제서야 제대로 와버렸다. 학습 내내 너무너무 피곤했다.게다가 요즘 소화도 잘 안 돼서 제대로 먹지도 못 함 ㅠㅠ 잠이 이렇게 중요하다는 걸 또 깨닫습니다.... 난 진짜 야행성은 아닌가보다. 오늘은 CDD를 배웠다. 하루종일 혼자 학습하는 날이라 열품타 켜놓고 공부했다. 학습 자체는 캘린더 일정보다 일찍 끝났지만, 처음보는게 많이 등장해서 쉽지는 않았다. 🗝 키워드 Component Driven Devlopment, SASS, BEM, CSS-in-JS, Styled Components, Storybook, useRef 🗣 스스로에게 설명 Component Driven D..