본문 바로가기

전체 글

 (38)
[웹 FE 스터디] React : Creat~Delete TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 40기_강한림 작성 참고 및 강의 : 생활코딩 - WEB - React 지난 강의에서 이어지는 내용입니다. 9. 수정기능 (Update) Update = creat + read Creat아래에 Update 할 수 있는 링크를 추가한다. (ul - li 태그를 사용한다.) ------------------------ 수업에 들어가기 앞서 여러 자잘한 기능들을 추가합니다 ----------------------- Update가 상세보기 페이지로 들어갔을때만 보이게 하자. let contextControl = null; mode가 read 일때 나타나야하므로 if (mode === 'READ') { // 기존의 코드들// conte..
[웹 FE 스터디] 리액트 시작하기(2) - JSX, elements, props TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 38기_김민서 JSX란? react에서는 jsx라는 문법을 사용하는데, 풀네임은 a syntax extension to Javascript 이다. 어떻게 확장이 됐는지 간략히 나타내면 Javascript + XML/HTML 라고 볼수있다. const first_react = Hello 위의 코드가 jsx문법을 사용한 사례라고 볼수있다. js와 html코드가 같이 있는모습이다. 이렇게 jsx로 작성된 코드는 아래와같이 js코드로 변환이된다 React.createElement 함수의 매개변수형태로 일일히 넣어줘야하는것을 태그형태로 직관적으로 쉽게 작성할수있는것이다+0+ react에서는 이렇게 정의해준 element들의 정보를 받고..
[웹 FE 스터디] JSX, Rendering Elements, Components, Props TAB 2022 2학기 학회활동 [팀 스터디] TIL 포스팅입니다. 작성자 : 38기_서다원 ref : 인프런 강의 [소플의 처음 만난 리액트(React)] JSX란? A syntax extension to JavaScript 자바스크립트의 확장 문법 리액트로 프로젝트 개발할때 사용됨. 공식적인 자바스크립트 문법은 아님. 어떻게 확장한걸까? JavaScript + XML / HTML JSX 의 예시 코드 JSX는 하나의 파일에 자바스크립트와 HTML을 동시에 작성하여 편리함. 자바스크립트에서 HTML 을 작성하듯이 하기때문에 가독성이 높다. const element = Hello, world!; JSX 를 쓰는 이유? 생산성과 가독성이 높아짐 JSX의 장점 1. 간결한 코드 JSX는 createEleme..

티스토리툴바