본문 바로가기

전체 글

 (38)
[웹 FE 스터디] React : 이벤트 ~ 생성 기능 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_박지민 ref. 생활코딩 [React] Event ▶ html과 react의 표현 차이 (ex) onclick html : onclick = "~" react : onClick = { } ▶ function(event){ } 태그 클릭 시 페이지 리로드가 일어나지 않도록 이벤트 객체를 첫 번째 파라미터로 주입 이벤트 객체에는 해당 이벤트 상황을 제어할 수 있는 여러 정보와 기능이 들어가 있다. (event) => 로 축약가능 {} 내에는 함수 호출 후 실행될 내용을 입력. ▶ event.preventDefault(); 해당 코드를 포함한 태그가 동작하는 기본동작을 방지 클릭해도 리로드가 일어나지 않게 한다. *butto..
[웹 FE 스터디] React TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_강한림 작성 참고 및 강의 : 생활코딩 - WEB - React 6. 이벤트 - onclick ="" : 버튼을 클릭했을때 ""내에 입력한 요소를 실행/작동한다. ▣ react로 위와 같은 결과(버튼을 눌렀을 때, hi 경고창이 뜨게 한다.)를 만들어 보자. 은 function()과 같다. - onChangeMode에 id값이 파라미터로 필요할 때 - event는 객체 - event.target.id : target은 이벤트를 유발시킨 태그를 가르킨다. (이경우는 ) : event.target.id는 target의 id값을 가져온다. 7. state 입력 : prop return : 새로운 ui prop : 컴포넌트를 ..
[웹 FE 스터디] 리액트 시작하기 TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 38기_서다원 ref : 인프런 강의 [소플의 처음 만난 리액트(React)] HTML 마크업 언어의 한 종류 웹사이트의 뼈대를 구성하기 위해 사용하는 마크업 언어 흔히 태그(Tag) 를 이용해서 쓰임. 예시 ) body 태그에 실제 웹사이트에서 보이는 콘텐츠가 들어간다. SPA Single Page Application 의 줄임말. 하나의 페이지로 웹사이트를 관리하는 것 리액트가 이에 해당함. html 파일은 하나만 있고, 동적으로 body 태그 내에 content를 바꿔넣음. CSS 디자인을 적용할 수 있음 Javascript 프로그래밍 언어의 한 종류 정식 명칭은 ECMAScript 스크립트 언어의 한 종류 -> 런타임에..

티스토리툴바