귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

전체 글 137

프로젝트 보완하기 - alert창을 toastify로

하나 둘 배워가는 재미가 있어.. 리액트 공부하기 - toastify 라이브러리 초보 설명조교님이나 동기분들하고 대화하다보면 좋은 꿀 정보를 많이 얻는다 !그 중 하나 toastify.기존 alert 대신에 사용해볼 수 있어서 흥미로워 보였다 ! 라이브러리라 사용도 간편할 것 같았다 🐰🤍 recreamymood.tistory.com 이렇게 뜨는 alert창을 toastify로 바꿔보자 둑흔 toastify 컴포넌트를 만든 뒤 -> alert 자리에서 import 해와서 사용한다.또는 간단한 제공 함수를 사용한다. 우선 챗지피티 알려준 자세한 설명은 다음과 같다.더보기1. 우선 라이브러리 설치npm install react-toastify 2. toastContainer 전역에서 사용하기 위해 ap..

리액트 공부하기 - toastify 라이브러리 초보 설명

조교님이나 동기분들하고 대화하다보면 좋은 꿀 정보를 많이 얻는다 !그 중 하나 toastify.기존 alert 대신에 사용해볼 수 있어서 흥미로워 보였다 ! 라이브러리라 사용도 간편할 것 같았다 🐰🤍 react-toastify란?사용자에게 빠르고 가볍게 피드백(알림)을 줄 수 있는 Toast UI 라이브러리"Toast"란?웹/앱에서 화면 한쪽에 짧게 뜨는 알림 메시지로그인 성공 → "로그인에 성공했습니다!"장바구니 추가 → "상품이 장바구니에 담겼어요."공식 문서에서 안내해주는 설치 방법과 간단한 사용 예시Installation$ npm install --save react-toastify$ yarn add react-toastify import React from 'react'; import..

Studying/React 2025.05.28

리액트 공부하기 - map 복습 및 추가 공부

공부는 끝이없다 . . 이제 조금 내공이 생겨(?) 코드를 직접 작성 해보려고 하는데.. map 뒤부터 헷갈리기 시작 😭..진짜 자바스크립트 지식이 부족해서 그런가.. 여기저기 자꾸 구멍이 뚫리는 기분이지만 !이렇게 된거 다시 깊게 공부하자고 생각하고 공부~ 일단 배열이 있으면 해당 배열을 map을 돌릴 때, 배열.map() 이런식의 문법은 당연히 알고 있었는데, () 내부가 헷갈렸다. 그래서 몇가지 공부를 했고,당연하다고 생각했는데, 다시 머릿속에 집어넣은 개념들은 아래와 같다. 결론 먼저 정리 하고 가기!❶(() =>{}) 이것도 있고..(() =>()) 이것도 있고.. 각각 차이를 알아보니, 우선 이 둘의 차이는 return의 차이 였다. ❷((example)=>()) 이것도 있고(example..

Studying/React 2025.05.28

aws 공부 하기에 앞서, First Word 법칙

👩🏻‍💻공부하는 새로운 분야의 새롭게 접하는 용어나 단어가 느껴지기만 하면, 거부감이 느껴진다. 낯선 분야에 대해 조금은 쉽게 적응하기 위해서는 어려운 용어에 대하여 먼저 정리를 하면 보다 효율적으로 공부가 가능하다는 First Word 법칙이다. 낯설고 이해하기 어려운 그러한 단어들을 나만의 단어로 내가 이해할 수 있게 정리한다. 비유적인 표현으로 먼저 공부하고 또 나만의 언어로 정리해보고 이해해보고정확한 정의나 개념으로는 추후에 익숙해져도 된다! 오늘 새로운 AWS 강의를 들으며 강사님께서 알려주신 공부법인데이미 나는 코딩 공부에 적용하고 있구나. 잘하고 있구나를 깨달았다. 또 새로운 과목도 화이팅~

Mental health care 2025.05.27