목록2021/05 (9)
관심쟁이 영호
오늘은 인터페이스에 관해서 공부를 할 예정이다. (출간된 "자바의 정석" 책을 참고했습니다.) 인터페이스란? - 추상 메서드의 집합이다. (추상 메서드 : 구현을 하지않은 메서드) - 모든 멤버가 public이다. - 구현된 내용이 하나도 없다. 이렇게 볼 수 있다. 그럼 추상클래스와 무엇이 다른가? 추상클래스는 구현된 메서드도 포함할 수 있다. (인터페이스도 JDK 1.8 version 부터는 구현된 상수, static 메서드와 같은 멤버변수를 가질 수 있다.) 인터페이스 선언방법 interface practice{ public static final FIRST = 1; public abstract abc(int num); } 위와 같이 인터페이스를 선언할 수 있다. 인터페이스의 구현 인터페이스를 구현..
오늘은 추상클래스와 추상메서드에 대해서 공부를 해볼 계획이다. 추상클래스? 추상클래스는 완성하지않은 메서드를 가지고 있는 클래스를 말한다! 한마디로, 몸통부분인 "{}"가 없는 것을 말한다. 클래스에는 "abstract"라는 키워드가 필요하다. 추상메서드? 추상메서드 또한 같다. 몸통부분 "{}"이 없는 메서드를 말한다. 메서드에는 "abstract"라는 키워드가 필요하다. 아래 코드를 통해서 살펴보자. abstract class MyClass{ abstract void go(int num); abstract void stop(int result); } 여기서 보았듯이, 몸통부분이 없는 것을 볼 수 있다. 왜 사용하는 걸까? 다른 클래스를 작성하는데 도움을 주기 위해서 사용한다! - 다음 코드를 살펴보자..
이번에는 UserState에 대해서 공부를 해보자! 먼저 아래의 코드를 보자. let number = 1; const add = () =>{ number++; console.log('add', number); } return ( 숫자 : {number} 더하기 ); local:3000 으로 접속해서 "더하기" 버튼을 클릭하면 console로 number 값을 확인할 수 있다. 하지만 숫자: {number}인데 number 값을 +1을 해주어도 "숫자 : 1" 에서 1이 바뀌지 않는다 왜그럴까? 상태 값이 변경되었다는 신호를 보내야 한다. 리액트는 아무 변수나 상태 값으로 생각하지않는다. 그래서 "이 변수를 상태 값으로 설정할게!" 라고 해주어야 한다. 그리고 값이 변하면 "상태 값이 변경되었어!" 라고 ..
이번 포스팅에서는 concat, filter, map, slice, 스프레드(전개) 연산자에 대해서 살펴볼 것이다. 스프레드 연산자 스프레드 연산자는 깊은 복사를 실시하는 연산자이다. 아래 코드를 보자. const a = [1,2,3] const b = [...a]; b.push(4); // a??? 이렇게 했을 때, a의 값은 어떻게 될까? 정답은 [1,2,3] 그대로다. 이것이 깊은 복사이다. a의 모든 값을 복사하여 새로운 메모리를 할당한 배열 b에 저장한다. 그래서 b에 새로운 값을 푸쉬해도 a에는 아무런 영향을 주지 않는다. concat concat 함수는 추가하는 함수라고 생각하면 된다. 아래 코드를 보자. const a = [1,2,3]; const b = a.concat(4); // b??..
이번 시간은 JSX 문법을 익혀볼 것이다. React의 기본만 다루는 것이 목표기 때문에, 자세히 들여다보진 말자. JS문법에 HTML 문법을 넣을 수 있다. return ( 안녕 ); 일반적으로 JS문법에서는 " 안녕 " 이렇게 "" 사이에 html 구문을 입력한다. JSX에서는 ""를 표시할 필요가 없다. ※ return이 무엇인지 모르는 사람이 있을 수 있다. 리액트는 설정에서 index.js를 실행하도록 설정이 되어있다. index.js는 아래의 코드가 있다. ReactDOM.render( , document.getElementById('root') ); 는 App.js의 function App()을 실행하라는 것이다. document.getElementById('root')는 index.html..
웹 개발에 관심이 있는 사람이라면, "리액트"라는 단어를 한번쯤은 보았을 것이다. 이 단어가 왜 많은 사람들에게서 언급이 되는 것일까? 오늘의 포스팅에서는 리액트의 전반적인 개요를 둘러볼 예정이다. 리액트란? 내가 이해한 수준에서 명쾌하게 말을 하자면, 리액트는 싱글 페이지 어플리케이션을 개발하는데 도움을 주는 프레임워크라고 생각이 된다. 그렇다면 싱글 페이지 어플리케이션이란 무엇인가? 싱글 페이지 어플리케이션? 싱글 페이지 어플리케이션이란, html 파일은 1개 뿐이다. 필요한 부분의 View만 새롭게 그린다. 통째로 html을 받아올 필요가 없다. 개발되기 전에 웹 개발 상황을 살펴보자. 클라이언트가 서버에게 웹 페이지를 요청한다. 서버는 클라이언트에게 HTML 화면 통째로 보내준다. 클라이언트가 화..