Class (4) 썸네일형 리스트형 [React 기초 문법] #2 클래스형 컴포넌트 + props 컴포넌트의 기능 데이터를 바탕으로 UI를 만들어 줌. 라이프사이클 API를 이용하여 컴포넌트가 화면에 렌더링 될 때(didmount), 사라질 때(unmount), 업데이트 될 때(didupdate) 주어진 작업을 처리할 수 있음. legacy가 되어버린, 하지만 배워야하는 클래스형 컴포넌트 현재 코드스테이츠에서는 함수형 컴포넌트를 알려주고, 이를 바탕으로 스프린트를 진행한다. 하지만 리액트관련하여 검색해보면 대부분의 자료가... 클래스형이다! 특히 stackoverflow에서는! 취업을 하려면 둘 다 할 줄 알아야할 것이다. 분명. 아무튼 클래스형은 아래와 같은 형태로 되어있는데... import React, {Component} from 'react'; class App extends Componen.. 2021년 5월 10일 코드스테이츠 DAY-36 객체 지향 프로그래밍 정리 객체 지향 프로그래밍의 특징 4가지 캡슐화 : 실제 객체 모습의 추상화를 위하여 데이터와 기능을 모았다. 추상화 : 메소드로 예를 들면 내부에 어떤 로직이 있는지 자세히 몰라도 메소드의 이름만 보고도 기능을 짐작할 수 있게하는 것 상속 : 자식 클래스에서 부모 클래스의 속성과 메소드를 활용할 수 있다. 다향성 : 클래스는 하나더라도 인스턴스는 다양한 다른 키 값을 갖는다. 객체 지향과 자바스크립트 자바스크립트는 객체 지향 언어인가? 아니다. 자바스크립트는 객체 지향 프로그래밍을 할 수 있는가? 맞다. 면접 질문 시 예상 대답 : "자바스크립트는 객체 지향 언어는 아니고 프로토타입 지향 언어라고 들었습니다. 프로토타입에 대해서 깊게 알고 있지는 않지만, 다르다는 점을 알고 있습니다. 자바스크립트에서 객체 .. 2021년 5월 9일 클래스를 이용한 모듈화, 프로토 타입 예습 내일의 일정을 확인해보니 클래스를 이용한 모듈화, 프로토 타입이라는 것을 공부해야하는 것으로 나와있었다. UR클래스에는 아직 강좌가 열리지 않아서 확인을 못했지만 해당 내용은 코드스테이츠를 수강하기 전에 객체를 공부하며 함께 본 기억이 있었기에 그때 공부했던 자료를 찾아보기 시작했다. 그당시 중요하다고 생각한 내용을 적어 놨었는데 아래와 같다. 객체에 추가된 값으로 정의되는 속성을 property라고 한다. 속성들 중에 값이 함수인 것들을 method(동작, 기능)라고 한다. this란? 객체가 메서드를 실행했을때 메서드를 실행한 주체 객체, 자바스크립트 함수 안에서 this는 함수가 실행되는 context에 따라 값이 바뀐다. 생성자(constructor) 함수란 객체를 생성해내는 함수. functio.. 2021년 5월 8일 React 클론 코딩 #2 how-is-d-weather(날씨 앱) 完 HA가 끝나고 soloday에 앞으로 코드스테이츠가 진행되는 동안 무엇을 더 개인적으로 공부하면 좋을지에 대하여 생각하는 시간을 가졌고, 웹과 모바일 기기 상에서 움직이는 무엇인가를 vanilla javascript와 react로 구현하는 것을 공부해야겠다라고 결론을 내렸다. 공부아니더라도 이해를 다 하지 못하더라도 따라하는 것이라도 계속 해보자라는 것. 그런 의미로 노마드코더 니꼬센세의 React Native로 날씨 앱을 구현하는 무료 인강을 보며 차근차근 따라가기 시작했다. 이 앱의 핵심은 모바일 기기의 위치(latitude, longitude)를 파악하여 날씨 API에서 날씨정보를 불러와 앱의 화면에 보여주는 것이다. 내가 했던 것은 날씨 API에서 받아온 현재 날씨의 상태에 따라 어떻게 화면이 나.. 이전 1 다음
