객체지향프로그래밍 16) React의 전적들... 실무가고싶으면 class형태의 component도 알아야 해 ! useEffect와 axios까지! 실무중심주의 코드캠프의 커리큘럼 체고야!!!! (Code Camp FE 6기) 스프레드 연산자를 잘 활용하면 코드를 간략하고 한 눈에 보기쉽게 리팩토링 할 수 있으니 포트폴리오에도 적용해보시길 바랍니다! state, props, refs, 컴포넌트 메서드와 생명주기 메서드를 this로 참조할 수 있었습니다. 이렇게 컴포넌트 생명주기를 함수형 컴포넌트에서 그려주기 위해서 저희는 useEffect를 사용해서 그려주었습니다. 오늘 새로 배운 react-Hook 두 가지 us... 컴포넌트생명주기updateboardidclassuseEffect내장객체OOP의존성배열렉시컬디스inputcomponentdidupdate스프레드연산자componentWillUnmount()extends componentClass ComponentcomponentDidMountcomponent-lifecycleState객체지향프로그래밍dependency arraythisClass Component React의 전적들... 실무가고싶으면 class형태의 component도 알아야 해 ! useEffect와 axios까지! (Code Camp FE 6기) 근데 두번째 문제는 코드가 많이 길어따.. 이번주 수업은 백엔드를 이해하고 있는 프론트 개발자로 성장하기 위해 ! 글 수정을 위해서 댓글 작성부분을 컴포넌트로 빼서 조건을 걸어줘서 보여주기, 안보여주기 식으로 ! 위에서 이어지는 부분을 밑에서 바꿔주면 이렇게 된다 이렇게 있어도 상관이 없어 ! 그럼 이렇게 바꾸고나서 또 보니, 3개의 함수를 또 하나로 묶어줄수 있을텐데..! 이렇게 쓰고자하는... 렉시컬디스componentdidupdate내장객체Class ComponentupdateboardiduseEffect의존성배열OOPdependency arraycomponent-lifecycleextends componentcomponentWillUnmount()inputcomponentDidMount스프레드연산자State객체지향프로그래밍thisclass컴포넌트생명주기Class Component Java #1. 클래스(1) 이 번지 주소를 참조 타입인 클래스 변수에 저장해두면 변수를 통해 객체를 사용할 수 있다. 필드를 초기화하거나 메소드를 호출해서 객체를 사용할 준비를 한다. 우선적으로 클래스로부터 객체를 생성한 뒤 필드 사용.(참조 변수를 사용) 생성자는 new 연산자로 클래스로부터 객체를 생성할 때 호출되어 객체의 초기화를 담당한다. 객체 초기화란 필드를 초기화하거나 메소드를 호출해서 객체를 사용할 준비를... Java객체지향프로그래밍Java [JAVASCRIPT] 객체 지향 프로그래밍 OOP 02 우선 객체가 클래스의 인스턴스라고 했으니 클래스를 알아보자. : 객체를 생성하기 위한 템플릿, 나는 이전에 동물과 강아지를 Class 와 Object에 비유된 설명을 올려놨었는데, 그럼 객체를 생성하기 "위한" 템플릿이란 것은. 강아지라는 객체를 생성하기 위해서, 동물이라는 클래스를 '선언'해 주고, 동물 클래스를 통해서, 강아지 객체를 만들어 준다고 생각하면 된다. 클래스는 하나의 '함수'... JavaScript객체객체지향프로그래밍objectJavaScript [CS] OOP ?! 객체 지향 방식 -> 기능을 중심으로 함수 구현 Method(기능) : 해당 entity가 가지고 있는 기능들 = 함수 = 동사 객체는 고유한 성격을 지니기 때문에 동일한 클래스로 만들어진 객체라도 다른 객체의 영향을 받지 않는다 관련있는 변수와 함수를 하나의 단위로 묶는 것 해당 클래스의 객체, 상속받는 클래스의 객체, 그리고 외부 객체 모두 다 접근 가능 Private으로 지정된 prop... OOP스터디CS객체지향프로그래밍CS Object Oriented Programming (객체 지향 프로그래밍) OOP(Obejct Oriented Programming)와 함께 등장하는 개념으로 이전에 지배적이었던 절차 지향 프로그래밍이 있다. family oriented person 이라고 하면 가족 중심적인, 가정적인 사람이라고 해석하는 것처럼, object oriented programming 은 물건 중심으로 프로그래밍하는 방법이라고 해석할 수 있다. 하지만 객체 지향 방식을 따른다면, 먼저 ... 객체지향프로그래밍객체지향프로그래밍 [Java]-Nested Classes(1) Nested Classes Nested Class(중첩 클래스)는 또 다른 클래스 내부에 정의된 클래스를 말합니다. 이때 또 다른 클래스를 Outer Class(외부 클래스), 그 안에 정의된 클래스를 Nested Class(중첩 클래스)라고 합니다. Non-Static Nested Classes(Inner Classes) Static nested class 같은 패키지 내에 있는 다른 클래... nestedOOPclassJava자바객체지향프로그래밍Java TIL 28 | 객체 지향 프로그래밍 객체 지향 프로그래밍이란 '객체' 간의 상호작용을 중심으로 하는 프로그래밍을 의미한다. 여기서 '객체'에는 객체의 상태를 나타내는 '변수'와 객체의 행동을 나타내는 '함수'가 들어있다. 객체안의 변수는 property(속성)라고 하고 객체안의 함수는 method(메소드)라고 한다. 이에 따라 객체 지향 프로그래밍은 프로퍼티와 메소드로 이루어진 각 객체들의 상호작용을 중심으로 코드를 작성하는 ... JavaScript객체지향프로그래밍TILJavaScript
16) React의 전적들... 실무가고싶으면 class형태의 component도 알아야 해 ! useEffect와 axios까지! 실무중심주의 코드캠프의 커리큘럼 체고야!!!! (Code Camp FE 6기) 스프레드 연산자를 잘 활용하면 코드를 간략하고 한 눈에 보기쉽게 리팩토링 할 수 있으니 포트폴리오에도 적용해보시길 바랍니다! state, props, refs, 컴포넌트 메서드와 생명주기 메서드를 this로 참조할 수 있었습니다. 이렇게 컴포넌트 생명주기를 함수형 컴포넌트에서 그려주기 위해서 저희는 useEffect를 사용해서 그려주었습니다. 오늘 새로 배운 react-Hook 두 가지 us... 컴포넌트생명주기updateboardidclassuseEffect내장객체OOP의존성배열렉시컬디스inputcomponentdidupdate스프레드연산자componentWillUnmount()extends componentClass ComponentcomponentDidMountcomponent-lifecycleState객체지향프로그래밍dependency arraythisClass Component React의 전적들... 실무가고싶으면 class형태의 component도 알아야 해 ! useEffect와 axios까지! (Code Camp FE 6기) 근데 두번째 문제는 코드가 많이 길어따.. 이번주 수업은 백엔드를 이해하고 있는 프론트 개발자로 성장하기 위해 ! 글 수정을 위해서 댓글 작성부분을 컴포넌트로 빼서 조건을 걸어줘서 보여주기, 안보여주기 식으로 ! 위에서 이어지는 부분을 밑에서 바꿔주면 이렇게 된다 이렇게 있어도 상관이 없어 ! 그럼 이렇게 바꾸고나서 또 보니, 3개의 함수를 또 하나로 묶어줄수 있을텐데..! 이렇게 쓰고자하는... 렉시컬디스componentdidupdate내장객체Class ComponentupdateboardiduseEffect의존성배열OOPdependency arraycomponent-lifecycleextends componentcomponentWillUnmount()inputcomponentDidMount스프레드연산자State객체지향프로그래밍thisclass컴포넌트생명주기Class Component Java #1. 클래스(1) 이 번지 주소를 참조 타입인 클래스 변수에 저장해두면 변수를 통해 객체를 사용할 수 있다. 필드를 초기화하거나 메소드를 호출해서 객체를 사용할 준비를 한다. 우선적으로 클래스로부터 객체를 생성한 뒤 필드 사용.(참조 변수를 사용) 생성자는 new 연산자로 클래스로부터 객체를 생성할 때 호출되어 객체의 초기화를 담당한다. 객체 초기화란 필드를 초기화하거나 메소드를 호출해서 객체를 사용할 준비를... Java객체지향프로그래밍Java [JAVASCRIPT] 객체 지향 프로그래밍 OOP 02 우선 객체가 클래스의 인스턴스라고 했으니 클래스를 알아보자. : 객체를 생성하기 위한 템플릿, 나는 이전에 동물과 강아지를 Class 와 Object에 비유된 설명을 올려놨었는데, 그럼 객체를 생성하기 "위한" 템플릿이란 것은. 강아지라는 객체를 생성하기 위해서, 동물이라는 클래스를 '선언'해 주고, 동물 클래스를 통해서, 강아지 객체를 만들어 준다고 생각하면 된다. 클래스는 하나의 '함수'... JavaScript객체객체지향프로그래밍objectJavaScript [CS] OOP ?! 객체 지향 방식 -> 기능을 중심으로 함수 구현 Method(기능) : 해당 entity가 가지고 있는 기능들 = 함수 = 동사 객체는 고유한 성격을 지니기 때문에 동일한 클래스로 만들어진 객체라도 다른 객체의 영향을 받지 않는다 관련있는 변수와 함수를 하나의 단위로 묶는 것 해당 클래스의 객체, 상속받는 클래스의 객체, 그리고 외부 객체 모두 다 접근 가능 Private으로 지정된 prop... OOP스터디CS객체지향프로그래밍CS Object Oriented Programming (객체 지향 프로그래밍) OOP(Obejct Oriented Programming)와 함께 등장하는 개념으로 이전에 지배적이었던 절차 지향 프로그래밍이 있다. family oriented person 이라고 하면 가족 중심적인, 가정적인 사람이라고 해석하는 것처럼, object oriented programming 은 물건 중심으로 프로그래밍하는 방법이라고 해석할 수 있다. 하지만 객체 지향 방식을 따른다면, 먼저 ... 객체지향프로그래밍객체지향프로그래밍 [Java]-Nested Classes(1) Nested Classes Nested Class(중첩 클래스)는 또 다른 클래스 내부에 정의된 클래스를 말합니다. 이때 또 다른 클래스를 Outer Class(외부 클래스), 그 안에 정의된 클래스를 Nested Class(중첩 클래스)라고 합니다. Non-Static Nested Classes(Inner Classes) Static nested class 같은 패키지 내에 있는 다른 클래... nestedOOPclassJava자바객체지향프로그래밍Java TIL 28 | 객체 지향 프로그래밍 객체 지향 프로그래밍이란 '객체' 간의 상호작용을 중심으로 하는 프로그래밍을 의미한다. 여기서 '객체'에는 객체의 상태를 나타내는 '변수'와 객체의 행동을 나타내는 '함수'가 들어있다. 객체안의 변수는 property(속성)라고 하고 객체안의 함수는 method(메소드)라고 한다. 이에 따라 객체 지향 프로그래밍은 프로퍼티와 메소드로 이루어진 각 객체들의 상호작용을 중심으로 코드를 작성하는 ... JavaScript객체지향프로그래밍TILJavaScript