사용자에게 간단한 피드백을 제공하는 UI 요소 중 하나로 Toast 메시지가 있다.예를 들어 네트워크 요청이 성공하거나 실패했을 때 빠르게 알림을 보여주면 UX가 훨씬 좋아진다.하지만 토스트를 무심코 구현하다 보면 불필요한 상태 관리, 과도한 리렌더링, 여러 개의 토스

이번 주간은 지난 상품 목록 리팩토링과 장바구니 1단계 반영 및 2단계 기능 구현 시작, 각종 스터디와 일정 등...맞물린 스케쥴이 너무 많아서 회고는 간단하게 작성해보려 한다. ㅠㅠ1단계 PR 링크: https://github.com/woowacourse/r

1단계 PR 링크: https://github.com/woowacourse/react-shopping-products/pull/1092단계 PR 링크: https://github.com/woowacourse/react-shopping-products/

상품 목록 미션 1단계 PR 링크: https://github.com/woowacourse/react-shopping-products/pull/109이번 페어는 전, 현 데일리 미팅조이자 연극조인 크루와 함께 했다. 함께 리액트 딥다이브, PR 리뷰 스터디를

이번 미션은 지난 미션인 페이먼츠에서 구현해보았던 카드 정보 입력 및 검사 훅들과 모달 컴포넌트를 npm 으로 배포하는 것이었다. 페이먼츠 모듈 1단계 PR 링크: https://github.com/woowacourse/react-modules/pull/83(

점점 미션은 바빠지는데 레벨 1 초반 때 썼던 회고글의 분량을 유지하려고하니 회고 글을 안 쓰게되는 것 같아 분량이 적고 완벽하지 않은 글이라도 일기 형식으로 꾸준히 쓰려한다. 1. 페이먼츠 미션 1.1 PR 링크 >페이먼츠 1단계 PR 링크 페이먼츠 2단계 PR

캉골과 1주일의 방학 중 토이 프로젝트를 시작했다. 이름하야 행바타! ㅎㅎ우테코 마스코트 캐릭터인 행성이를 꾸미고 png로 파일을 다운 받을 수 있는 사이트이다.크루들 사이에서 왼손이 샤라웃해준 나만의 행성이 만들기가 유행한 적이 있다. 우테코 선릉캠 칠판엔 항상 행성

1. 레벨 1 미션 목록 📄 레벨 1에서는 바닐라 자바스크립트로 웹 UI를 구현하였다. 처음부터 뭔가 거창하게 배우겠다는 마음보다는, 하나하나 만들어가면서 내 코드를 좀 더 읽기 좋게, 다루기 쉽게 만드는 데 집중했던 것 같다. 그러다 보니 자연스럽게 ‘이건 왜 이렇

1. ☝️ 1단계 : 점심 뭐 먹지? > 제출한 웹 로또 링크 https://dev-dino22.github.io/javascript-lotto/ 1.1 구현한 UX/UI 설명 UI 설명 1. 유효성 검증 UI 1차 시도 실시간 input Event로 유효성 검

기간: 2/18~2/25https://github.com/woowacourse/javascript-lotto/pull/352크게 두 가지를 중점으로 신경써 작업하였습니다.InputHandler로 반복되는 UI 로직 및 검증을 템플릿화 하고 유연한 에러핸들링 작

오늘 우테코에서의 첫 주차 마지막 수업이 끝났다. 이제 겨우 4일 다녔는데 벌써 많은 일이 있었던 한 주였다. 각 날짜별 일기를 짧게 쓰고 이번주 과제였던 자동차 경주 코드 회고를 작성해보려한다. 일기는 당일마다 쓴 게 아니라 그냥 지금(14일 금요일) 지난 날들을 돌

📌 비전공자가 자바스크립트를 학습하며 마주한 용어 및 개념들을 간단하고 얕게 정리해둔 포스팅입니다. 학습 메모용으로 작성 중인 포스팅이며 계속 업데이트될 예정입니다! 개인 학습용이라 부정확한 설명이 포함되어있을 수 있습니다.자바스크립트는 코드를 실행하기 전에 함수,

와아... 12/14에 봤던 우테코 최종 코테의 결과가 이번 27일 발표됐다. 믿기지 않게도 결과는 합격...! 프리코스부터 두 달간 우테코에 매우 몰입했기 때문에 막상 코테를 끝내고 나온 직후엔 후련한 마음이 들어 계속 웃음이 났던 기억이 난다. 엄마는 밝은 내 표정

padStart()와 padEnd()메서드는 자바스크립트 문자열 메서드 중 하나로, 결과 문자열이 주어진 길이에 도달할 때까지 지정된 문자열로 채운다. padStart()는 문자열 시작 부분에 패딩이 적용되며 padEnd()는 끝 부분에 패딩이 적용된다.우아한테크코스

와우.......................우테코에 1차 합격을 했다....!!!!!개발공부에 기회가 없었던 비전공자 독학러인 나에게 우테코는 4주간의 프리코스만으로 너무나 충분히 많은 공부가 됐던 경험이었기 때문에 1차합격을 간절히 바라면서도 기대는 하지 않았었는데

4주차 과제가 끝난지 3주 가까이 지나서야 작성하기 시작하는 4주차 개발 회고글이다. 일과 병행하면서 남는 시간에 잠 줄여가며 참여했던 프리코스인지라 끝난 뒤 휴식도 필요했고 밀린 일을 처리하기도 바빴었다. 아무튼...나에게 멘붕을 선사해주었던 4주차 편의점 과제...

나의 3주차 과제 PR 링크 : https://github.com/woowacourse-precourse/javascript-lotto-7/pull/14 과제를 제출한지 한참이 지나서야 작성하는 3주차 회고... 3주차와 4주차 과제는 기능을 구현하고 코드를 다듬기에

WP Encryption 플러그인을 활용해 무료 SSL 인증서를 설치하는 방법을 정리했다. DNS 방식으로 도메인 소유권을 확인하는 과정을 포함한다.워드프레스 관리자 페이지로 이동플러그인 > 새로 추가를 클릭WP Encryption을 검색한 후 설치하고 활성화플러그인

오늘은 자바스크립트의 하위 배열을 다루는 slice()와 splice() 배열 메서드와 더불어 이름이 비슷한 split() 메서드까지 다뤄보려한다. 이름은 비슷하지만 세 메서드 모두 서로 너무 다른 메서드이므로 꼼꼼히 비교 정리 해보자.slice() 메서드는 어떤 배열

Array 인스턴스의 filter() 메서드는 주어진 배열의 일부에 대한 얕은 복사본을 생성하고, 주어진 배열에서 제공된 함수에 의해 구현된 테스트를 통과한 요소로만 필터링한다. 즉 기존 배열을 변경하지 않고 기존 배열의 일부만 포함하는 새로운 배열을 반환하는 복사 메