토마토 키우기 - 33일차
·
취미생활/잉여의 식물키우기
그동안 현생을 살다보니 토마토 일기를 못쓰고 있었다. 다시 작성해야지.... 우리 토토의 줄기가 쑥쑥 자라고 있다. 새로운 줄기가 자라면서 기존 줄기들도 다 잘라내는게 좋을 것 같다는 생각도 들고 고민을 해보고 조만간 정리를 해야할 것 같다.
웹 접근성 기술 학습
·
Web
웹 접근성 공부를 위해서 공부한 내용 시리즈 ▶ 2024.02.17 - [Web] - 웹 표준, 웹 호환성, 웹 접근성 ▶ 2024.02.21 - [Web] - 웹 접근성 시나리오 ▶ 2024.02.25 - [Web] - 웹 접근성이 왜 필요할까? ▶ 2024.03.16 - [Web] - 웹 접근성 기술 학습 같이 꼭 사용할 필요 없는 div는 지양한다. 스크린리더가 어떻게 읽을지 예상할 수 없기 때문이다. 태그의 네이티브 기능을 학습하고 이를 구현한다. 지금까진 이런 방법들을 자연스럽게 이해했다. 추가적으로 다음과 같은 방법으로 웹 접근성을 높일 수 있다. outline outline : 0; 디자인을 위해서 우리는 outline을 0으로 처리하는 경우가 있다. 이러한 작업은 웹 접근성에서 좋지 않는 ..
[React] Controlled and UnControlled Input
·
React/실험실
※ 본 글은 React의 제어 및 비제어 양식 입력이 복잡할 필요는 없습니다 내용을 정리한 것입니다. 해석 및 개인적인 의견을 추가한 글입니다. 다소 오역이 있을 수 있습니다.... FBI WARNING..... React에서의 Controlled와 UnControlled Input 많은 아티클에서 "너는 useState를 사용해서는 안 된다"라고 말합니다. 또한 문서에서 "Ref는 나쁘다"라고 하고 있습니다. ※ 작성자 작성자는 Ref를 사용하는 것이 나쁘다는 이야기를 특별히 들어본 적이 없습니다. 그래서 찾아보니 Don’t Overuse Refs Your first inclination may be to use refs to “make things happen” in your app. If this ..
[React] TDD, 클린 코드 with React 3기 - 1주차
·
React/실험실
TDD, 클린 코드 with React 3기에서 매주 과제를 진행한다. 이번주는 온보딩 미션으로 계산기를 만드는 과제를 진행하였다. 계산기?! 라고 생각하고 내가 듣기로는 TDD, 클린 코드 강의는 난이도가 어렵다고 생각했는데 김이 팍 식었다... 알고보니 말 그대로 온보딩 미션이고 본격적인 미션들은 난이도가 있어보였다. 어쨋든 돌아가서 계산기 과제를 하는데 조건이 React와 Vite 환경에서 구현을 해야했다. Vite,,,, 참 많이 들었지만 CRA가 너무 편해서 굳이 사용할 생각이 없었는데 이번에 사용해보니 많이 신기했다. npm run dev를 하면 순식간에 프로젝트가 실행되고 웹사이트에서 확인할 수 있다. 그리고 Jest를 테스팅을 위해서 사용했는데 CRA에서는 바로 사용할 수 있던게 추가적인 ..
토마토 키우기 - 32일차
·
취미생활/잉여의 식물키우기
여전히 쑥쑥 자라고 있는 토토! 토토들이 아닌 토토라서 성장도 집중이 되기 때문에 더 잘 자라고 있는 게 아닐까? 하루아침에 이렇게 식물이 잘 자라는 모습을 보는 것도 생각보다 힐링이 되는 것 같다. 근데 옆에 큰 잎은 점점 축 처지는데 이것도 그냥 잘라버릴까 고민이다.
[React] Funnel 컴포넌트
·
React/실험실
이번 과제를 진행할 때 Funnel 컴포넌트를 사용해서 만들어야 했다. 근데 중요한 사실... 넥스트스텝 선생님들,,,, 저는 Funnel 컴포넌트가 몬지 몰라요 ...ㅠㅠㅠ 지금까지의 문제 설문 조사를 위해서 페이지별로 사용자에게 정보를 전달받아 마지막에 API로 전송하는 기능을 만든다고 생각해보자 이런 종류의 페이지는 사진으로 보는 것처럼 각 페이지에서 상태를 관리하고 싶지 않다면 Context API, Redux 같은 전역 상태 관리를 하고 각각의 페이지가 구현된 파일을 돌아다니면서 관리해야 한다. 결국 한 가지 목적을 위해서 상태가 흩어져 있다는 것이다. 기능이 추가되거나 오류가 발생했을 때 전체 페이지를 넘나들면서 오류를 수정해야 한다. Funnel 컴포넌트 사용자가 최종 목표까지 가는동안 조금..
토마토 키우기 - 31일차
·
취미생활/잉여의 식물키우기
줄기 사이에서 작은 가지가 자라나고 있다. 다행이 식물이 죽는건 아닌 것 같다. 저기서 더 튼튼한 가지가 자라나겠지?? 근데 메인 줄기는 그냥 저렇게 잘린 상태로 유지되는 걸까? 흠,,, 저기서 줄기가 자랄 줄 알았는데 그건 아닌가보다. 참 그리고,,,, 작은 토토는 보내줬다. 성장을 잘하는게 아닌데 양분을 계속 뺏어먹는 것 같다는 생각이 들어서 그냥 싹을 잘랐다.
토마토 키우기 - 30일차
·
취미생활/잉여의 식물키우기
짜란....!! 식물이 반토막이 나버렸답니다. 과감하게 반을 뚝 잘라버리고 아직 작은 토토는 살아있다. 이 행동이 괜히 토토를 죽이는게 아닐까봐 걱정이 되는데 식물들 가지치기하는 것은 누구나 하는거 아닌가? 이런 취미들도 있으니깐 잘 살아남을꺼라고 생각된다. 제발....!