코딩섬 코딩섬

이 React 글들은 벨로퍼트님의 '벨로퍼트와 함께하는 모던 리액트'와 벨로퍼트님 책을 참고하여 작성된 것임을 알려드립니다. React JavaScript를 이용하여 HTML로 구성한 UI를 제어해보았다면 DOM을 변형시키기 위하여 우리가 어떠한 작업을 해야하는지 익숙할 것입니다. 이 과정에 대해서 말해보자면 DOM 선택자를 사용하여 특정 DOM을 선택한 뒤 특정 이벤트가 발생하면 변화를 주도록 설정해야 합니다. 숙련된 JavaScript 개발자라면 코드를 최대한 깔끔하게 정리하여 쉽게 유지보수 할 수도 있겠지만 대부분의 경우 웹 어플리케이션의 규모가 커지면 DOM을 직접 건드리면서 작업을 하면 코드가 난잡해질 수 있습니다. 많은 JS 프레임워크들은 특정 값이 바뀌면 특정 DOM 속성이 바뀌도록 연결을 ..

이 파일은 TCP School을 참고하고 정리한 것임을 알려드립니다.

패키지 패키지는 자바 클래스들을 모아 넣은 자바의 디렉터리라고 할 수 있습니다. package test.hello; test폴더 하위에 hello라는 패키지를 의미합니다. 패키지 선언은 class 선언 위에 선언합니다. 서브 패키지 도트를 이용하여 하위 패키지를 계속해서 추가할 수 있습니다. package test.hello 여기서 test와 hello가 서브 패키지에 해당한다고 할 수 있습니다. 패키지 사용하기 package test.hello package test.* *를 이용하면 test 패키지 내의 모든 클래스를 import 하게 됩니다. 모든 클래스를 갖고 오는 것이지 패키지까지 가져오는 것은 아니다. 접근 제어자 자바는 아래와 같은 접근 제어자가 있습니다. 1. private 2. defau..

콘솔 입출력 콘솔은 환경에 따라 변경될 수 있다. 만약 프로그램이 이클립스에서 실행이 되는지, 인텔리제이에서 되는지 도스 명령창에서 되는지에 따라서 다를 수 있습니다. 콘솔 입력 자바의 System.in을 이용하면 콘솔 입력을 얻을 수 있습니다. InputStream의 read 메소드는 1byte의 사용자의 입력을 받아들인다. read 메서드로 읽은 1byte의 데이터는 byte 자료형으로 저장되는 것이 아니라 int 자료형으로 저장된다. 위의 코드를 실행하게 되면 사용자의 입력을 대기하고 있습니다. InputStrem의 read() 메서드가 호출되면 사용자의 입력을 받을 때까지 프로그램이 대기하기 때문이다. * InputStream은 byte형으로 저장되기 떄문에 int형으로 저장되어도 그 값은 아스키..

객체지향 프로그래밍(OOP) 객체지향에는 여러 개념이 있는데 클래스, 객체, 인스턴스, 상속, 인터페이스, 다형성, 추상화가 있습니다. 클래스 클래스는 객체를 만들어내는 틀입니다. Animal cat = new Animal();을 사용하여 클래스에 해당하는 멤버변수, 메서드가 포함된 객체를 생성할 수 있습니다. cat은 객체이고 Animal의 인스턴스입니다. 인스턴스라는 말은 어떤 클래스의 객체인지를 관계위주로 설명할 때 사용합니다. 멤버 변수(Instance Variable) 클래스에 선언된 변수를 멤버 변수라고 부릅니다. 다른 말로는 인스턴스 변수, 객체 변수, 속성이라고도 말합니다. 클래스에 의해 생성되는 것을 객체, 그리고 클래스에 선언된 변수를 객체 변수라고 생각하면 쉽습니다. cat.name ..

제어문 제어문은 프로그램의 흐름을 제어하는 것을 제어문이라고 합니다. 조건을 판단하여 해당 조건에 맞는 상황을 수행시키게 하는 것을 if , switch 반복을 수행시키는 것을 for, while문이 있습니다. if문 조건문을 테스트 해서 참이면 if문 안에 있는 것을 바로 수행하고 조건문이 거짓이면 else가 수행이 됩니다. 좀 더 자세히 보면 if(조건문)안에서 참과 거짓인지를 판별해서 수행할지 말지를 정하게 됩니다. 조건문의 비교 연산자 1. contains List 자료형에는 해당 아이템이 있는지 조사하는 contains 메소드가 있고 contains 메소드는 조건문에 많이 활용됩니다. if와 else는 양자택일이지만 다자택일이 가능하게 else if()를 사용하며 다중 조건 판단을 사용할 수 있..

자료형 자료형은 프로그래밍을 할 때 쓰이는 숫자, 문자열 등의 자료 형태를 의미합니다. 정수(int, long) 숫자 자료형은 정수 실수로 이루어집니다. 숫자 자료형은 byte, short, int, long을 사용합니다. 하지만 byte와 short는 거의 사용하지 않습니다. 즉 정수는 int와 long을 쓰는 경우가 대부분이고 long을 사용하는 경우에 숫자에 가장 마지막에 접미사 L을 붙여줍니다. 실수 (float, double) 자바의 실수를 표현하기 위한 자료형은 float와 double입니다. float와 double의 차이는 표현할 수 있는 숫자의 범위입니다. 자바에서의 실수형은 디폴트가 double이므로 float 변수를 사용할 때는 접미사 F를 숫자의 가장 마지막에 붙여주면 됩니다. 8진..

변수 변수는 '데이터를 담는 박스'라고 생각하면 쉽습니다. 우리가 프로그래밍을 할 때 어떠한 값을 보관해 둘 필요성을 느끼게 되는데 예를 들어 내 주머니에 1000원이 있다는 것을 인간이 머릿속에 암기하고 있는 것은 비효율적입니다. 그러기 때문에 이러한 정보 또는 데이터를 컴퓨터 안의 박스 즉 변수에다 저장하도록 하겠습니다. 변수명 변수의 이름은 프로그래머가 마음대로 지을 수 있다. 하지만 지켜야 하는 몇가지 규칙이 있다. 1. 변수명은 숫자로 시작할 수 없다 2. _와 $ 문자 이외의 특수 문자는 사용할 수 없다 3. 자바의 키워드는 변수명으로 사용할 수 없다. 자료형 변수를 선언할 때 변수명 앞에는 변수의 자료형을 명시합니다. 예를 들어 int a;의 경우 a는 정수형을 담을 수 있는 변수를 의미합니..