React

1.[React] 영화 웹서비스 - 노마크코더

post-thumbnail

React Ver.JS Ver.

2023년 12월 27일

2.[Error] React - npm start 이후 WebSocket failed 에러

post-thumbnail

react-refresh-runtime.development.js:520 WebSocket connection to 'ws://localhost:3000/ws' failed:이미 포트가 사용되고 있어서 충돌이 생긴 듯 하다.npm start를 두 번인가, 터미널을 중복

2024년 2월 20일

3.리액트 모달창(Modal)

post-thumbnail

(이후에 소스코드 추가)유튜브 영상(제일 도움 굿)Modal 구현 방법1 - 라이브러리oModal 구현 방법2 - 라이브러리x참고한 글React - 모달 창 구현해보기(라이브러리 react-modal)react-modal 사용법실전 Github 소스코드Modal 컴포넌

2024년 2월 28일

4.[React] 부모-자식 컴포넌트 값 전달- children prop

post-thumbnail

기본 모달창이용약관 모달창기본 ModalBasic 컴포넌트 텍스트 내용이 추가되어 세분화된 모달 컴포넌트

2024년 4월 2일

5.하위 컴포넌트에서 상위 컴포넌트에 영향을 주고 싶을 때 - 함수 props 전달

post-thumbnail

로우로우를 개발하면서Main 페이지 안에 Ask 가 있고, Ask를 이루고있는 컴포넌트중 하나로 AskForm가 있을 때, AskForm에서 Main에 영향을 주는 방법이 필요했다!props 를 통해 함수를 전달해서, 하위 하위 컴포넌트인 AskForm에서 Main 페

2024년 4월 5일

6.[React] 토글(Toggle) 기능

post-thumbnail

React + styled-components로 틀만 잡았을 경우의 코드다 (onClick 함수 적용은 아래 코드에 추가)Slack의 메세지 창에서 영감을 받았다. hr 위에 css after로 올리려다 실패만 하고 있었는데, 그냥 hr 위에 position으로 but

2024년 4월 26일