본문 바로가기

React4

리액트 학습 정리 JS Tips Object에서 점(.) 표기법 말고 괄호([key]) 방식은 동적인 parameter 등으로 값을 받아와서 접근할때 유용 let obj = { name: "이름", age: 25 } function getName(key) { return obj[key]; } console.log(getName("name")); object 내부 property 바꿀 때, delete로 지울 수 도 있겠지만, 메모리를 계속 잡고 있기 때문에, property 수정 or 추가 하듯이 obj.key = null 이런 식으로 제거 해주자 객체 안에 있는 함수 property는 method라고 부름 in 연산자를 통해 object 내부에 있는 key인지(property) 확인 가능 // 비구조화 할당 let ob.. 2022. 9. 12.
[React] props 보호되어 있는 글 입니다. 2021. 11. 28.
[React] 왜 React인가? 정적인 페이지는 HTML, CSS만으로도 구현이 가능하지만, 동적인 페이지를 만들기 위해서는 JavaScript가 필요하게 되었다. 이어서 https://velopert.com/3612 누구든지 하는 리액트 1편: 리액트는 무엇인가 | VELOPERT.LOG 이 튜토리얼은 10편으로 이뤄진 시리즈입니다. 이전 / 다음 편을 확인하시려면 목차를 확인하세요. 프론트엔드 라이브러리 / 프레임워크 리액트는 정말 인기있는 프론트엔드 라이브러리입니다. velopert.com velopert님의 말씀에 따르면 요즘의 웹은 단순한 웹 페이지가 아닌 웹 애플리케이션이다. 웹에서 정말 많은 것을 할 수 있다. 그렇지만 UI(User Interface, 즉 사용자가 마주하게 되는 화면? 디자인?)를 동적으로 나타내기 위해서.. 2021. 11. 28.
[React] 향후 일요스터디의 방향? 어느덧 3번째 시간인데 ㅎㅎ FE로 마음 정하고 나니 함께 할 공부가 뚜렷해졌다! 함께 ReactJS를 공부하는 방향으로 https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=209354690 [전자책] 리액트를 다루는 기술(개정판) 리액트 베스트셀러 1위, 리액트를 다루는 기술 개정판. 리액트 16.8 버전에 Hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태 관리를 할 수 있게 되었다. 이에 맞춰 책에 사용된 주요 예시 www.aladin.co.kr 최신 기술을 처음 배우는 단계부터 알 필요는 없다고 판단해서 우선 이 책으로 함께 하기로 했다. 이런 것도 물어봐도 되나 싶은 것들까지 물어볼 수 있을 것 같아 너무 감사하다!(무한 감사..) 열심히 해서 형들.. 2021. 10. 31.