더보기01. 9주차 (9/15 ~ 9/20)✅ 9주차 진행코딩테스트 문제 풀이Styled Components다양한 CSS 기술 알아보기React 컴포넌트 설계스프린트 미션 5데일리 팀 미팅위클리페이퍼 작성멘토링보충학습1차 평가커리어 미션👀 후기강의 - (Styled Components, 다양한 CSS 기술 알아보기, React 컴포넌트 설계)이번 주차 강의는 글 위주의 이론 수업이어서 진도를 나가는데 큰 어려움은 없었다.Styled Components 패키지가 유지보수 모드로 전환되어서 잘 사용하지 않는다는 점최근에는 CSS ins JS 방식보다는 Tailwind 같은 유틸리티 기반 스타일링을 많이 쓴다는 이야기를 듣고앞으로 Tailwind를 공부해봐야겠다고 생각했다. 스프린트 미션 5 진행이번 주 ..

더보기01. 8주 차 (9/9 ~ 9/13)✅ 8주차 진행React로 데이터 다루기React로 웹사이트 만들기포매터와 린터 알아보기코딩테스트 문제 풀이미션 5 세팅데일리 팀 미팅위클리페이퍼 작성멘토링보충학습👀 후기코딩테스트 문제 풀이하루에 1~2문제씩은 꼭 풀기 위해 노력 중이다.풀이 과정은 노션과 깃허브에 기록하면서 정리 중이다. 강의 - React로 데이터 다루기코드잇 강의 중에서 분량이 가장 많았던 강의였다.그만큼 끝까지 수강하는데 시간이 꽤 걸렸던 것 같다.주요 내용은 API 연동을 통한 데이터 CRUD 작업을 UI에 어떻게 구현하는지였다.또 커서 기반, 오프셋 기반 페이지네이션 개념도 배울 수 있었고마지막에는 Context에 대해서도 배웠다.다른 강의보다 많은 내용을 담고 있어서, 헷갈릴 때는..

더보기01. 7주 차 (9/2 ~ 9/6)✅ 7주차 진행React 웹 개발 시작하기React로 데이터 다루기코딩 테스트 문제 풀이데일리 팀 미팅위클리 페이퍼 작성멘토링보충학습👀 후기강의 - React 웹 개발 시작하기저번 주부터 듣기 시작했던 리액트 웹 개발 시작하기 강의를 모두 들었다.useState 위주의 내용이었고, 마지막에는 S3로 배포하는 방법까지 다뤘다. 다만 내가 예전에 AWS를 가입해 두어서 바로 유료로 전환되는 바람에직접 실습을 따라해볼 수는 없었지만 강의 내용을 보면서 최대한 이해할 수 있게 정리만 했다.나중에 실제로 배포할 일이 생기면 꼭 활용해 봐야겠다. 강의 - React로 데이터 다루기React로 데이터 다루기 강의에서는 제공해 준 실습용 API 주소를 사용해서 데이터를 가져오..

더보기01. 6주차 (8/25 ~ 8/30)✅ 6주차 진행비동기 자바스크립트자바스크립트로 리퀘스트 보내기React 웹 개발 시작하기스프린트 미션 4코딩 테스트 문제 풀이데일리 팀 미팅위클리 페이퍼 작성멘토링보충학습👀 후기강의 - 비동기 자바스크립트Promise 객체, async/await, then 메서드 사용법 등에 대해 학습했다.강의를 통해 비동기 실행 흐름에 대해 어느정도 이해할 수 있었고,병렬 처리와 같이 헷갈렸던 부분들은 멘토링을 통해 보완할 수 있었다. 강의 - 자바스크립트로 리퀘스트 보내기AJAX 개념과 fetch(), axios 라이브러리에 대해 학습했다.예전에 axios를 사용해본 경험이 있었지만,당시에는 fetch와 비교했을 때 어떤 이점이 있는지 잘 몰랐었다.이번에 다시 axios ..

📝 스프린트 미션 주제미션 4는 기존 미션에서 작업한 로그인, 회원가입 페이지에자바스크립트를 사용해서 폼 유효성 검사를 구현하는 것이 주제였다. 🔁 스프린트 미션 진행 과정🖥️ 이전 작업 수정1. name 속성 추가미션 4를 진행하려고 보니 input이나 from 태그에name 속성이 빠져 있어서 그 부분을 추가해 주었다.name 속성은 폼 데이터 전송 시 key 역할을 한다.form이 제출될 때, 각 input의 name=value 형태로 서버에 전달됨 2. autocomplete 속성 추가브라우저 콘솔을 확인해보니 autocomplete 속성과 관련된 경고가 떠서접근성을 위해 속성을 추가해주었다. autocomplete 속성을 사용하면위 사진처럼 브라우저에서 자동완성 기능을 제공해준다. 🗂️ ..

더보기01. 5주차 (8/18 ~ 8/23)✅ 5주차 진행모던 자바스크립트비동기 자바스크립트스프린트 미션 3코딩 테스트 문제 풀이원온원데일리 팀 미팅위클리페이퍼 작성멘토링보충학습👀 후기강의 - 모던 자바스크립트모던 자바스크립트 강의는 ES6로 업데이트 되면서 변화한 부분들을 대해 다루는 강의였다.그러다 보니 강의 분량도 지금까지 들었던 강의 중에 가장 길었고,내용 정리하는 데도 꽤 많은 시간이 걸렸던 것 같다. 그래도 자바스크립트가 어떻게 변화했는지, 어떤 문법들이 추가되었는지 알 수 있었고배열 메소드나 Set, Map 객체에 대해서도 다시 내용을 확인할 수 있어서 유익했다. 강의 - 비동기 자바스크립트비동기 자바스크립트 강의는 아직 절반 정도만 수강한 상태다.강의 초반부에서 Promise 객체의 상태..