본문 바로가기

전체 글

 (38)
[웹 FE 스터디] ReactJS ~ 3.5 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_박지민 ref. 노마드 코더 React JS로 영화 웹서비스 만들기 ▶ReactJS 어플리케이션이 상호작용하기 쉽게 만들어주는 라이브러리 element를 업데이트 할 수 있어 유저에게 보여지는 내용, 즉 HTML을 업데이트 할 수 있다! *React-dom : React element를 HTML에 두는 역할. JS로 element를 만들어 역으로 HTML에 삽입시킨다. ∴ 앱 실행 시 소스를 보면 작성한 컴포넌트는 보이지 않음 ↓ React 사용을 위해 필요한 코드 ▶ReactJS로 element 생성 * 잘 쓰이지 않는 방식. ▶EventListner 바닐라JS에서 사용되는 event명 앞에 on을 붙여줘야 React..
[웹 FE 스터디] 리액트 시작하기(3) TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 38기_김민서 1.useState 사용하기 리뷰 const [ counter,setCounter] = React.useState(0); 위의 코드처럼 useState의 반환값 두개를 1.바꿔줄 변수 2.바꿔줄 변수를 다루는 함수 이름을 선언해줘서 사용한다. 여기서 setCounter와 같이 바꿔줄 변수를 다루는 함수는 크게 두가지 방식으로 사용한다 1. 인자로 변경될 내용 작성 setCounter(변수의 변경내용) 이런식으로 쓰는데 setCounter(10000)으로 정적인 데이터를 넣어주거나 setCounter(counter+1) 변수를 포함한 식으로 넣어줄수있다 2. 화살표 사용하기 setCounter((current)=>..
[웹 FE 스터디] REACT ~3.5 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_강한림 노마드 코더 - ReactJS로 영화 웹 서비스 만들기 수강 과정입니다. 2.1 react 없이 버튼을 얼마나 눌렀는지 알려주는 웹 사이트를 만듭니다. 방법으로는 1) HTML을 만듭니다. 2) JS에서 가져옵니다. 3) event를 감지합니다. 4) 데이터를 업데이트합니다. React를 사용하기 위해서는 위의 두줄의 코드를 작성해야 한다. 2.2 2.1에서 작성한 내용을 React JS로 다시 구현하는것이 목표입니다. HTML 코드를 직접 작성하지 않습니다. 대신, JS를 이용하여 이나 에 해당하는것을 만들것입니다. 이 영상에서 다루는 React JS로 element를 생성하는 방식은 잘 사용하지 않는 방식입니..

티스토리툴바