잡식성 개발자

Hooks의 개념과 useState, useEffect Hook 갈고리 이름 앞에 use를 붙어야 함 useState state를 사용하기 위한 Hook import React, { useState } from "react"; function Counter(props) { var count = 0; return ( 총 {count}번 클릭했습니다. count++}> 클릭 ); } useState() 사용법 const [변수명, set함수명] = useState(초기값); import React, { useState } from "react"; function Counter(props) { const [count, setCount] = useState(0); // setCount : 변수 각각에 대해 se..

JSX의 정의와 역할 JSX의 정의 A syntax extension to Javascript 즉 자바스크립트의 확장 문법 자바스크립트 + XML/HTML 1 const element = Hello, world!; 역할 JSX는 내부적으로 XML 코드를 자스로 변환하는 과정을 거침 React.createElement( type, [props], [...children] ) JSX를 사용한 코드 class Hello extends React.Component { render() { return Hello {this.props.toWhat}; } } ReactDOM.render( , document.getElementById('root') ); JSX를 사용하지 않은 코드 // JSX를 사용한 코드 cons..

1. HTML과 CSS HTML 정의 : 웹사이트의 뼈대를 구성하기 위해 사용하는 마크업 언어 태그 태그를 사용해 구조를 형성하고 내용을 채움(ex. 태그는 열었으면 꼭 닫아줘야 함. 웹사이트의 뼈대를 구성하는 태그들 head : 웹사이트의 설명 등을 담고 있음. 메타데이터 body : 실제로 웹사이트에서 보이는 컨텐츠가 들어감 SPA(Single Page Application) 하나의 페이지만 존재하는 웹 사이트 또는 웹 애플리케이션 CSS(Cascading Style Sheets) 웹사이트의 레이아웃과 글꼴 등 디자인을 입히는 것. 2. JavaScript 소개 및 자료형 Javascript = ECMAScript html은 웹사이트의 뼈대, 자바스크립트는 웹사이트에 생명을 불어넣어 주는 역할 스크립..

변수 컴퓨터 메모리(RAM)는 수많은 번지들로 구성된 데이터 저장 공간이다. 프로그램은 데이터를 메모리에 저장하고 읽는 작업을 지속적으로 수행한다. 이때 데이터를 어디에, 어떤 방식으로 저장할지 정해져 있지 않다면 메모리 관리가 매우 어려워질 것이다. Java는 이러한 문제를 해결하기 위해 변수를 사용한다. 변수는 데이터를 저장할 메모리의 위치를 나타내는 이름이다. 즉 하나의 값을 저장할 수 있는 메모리 번지에 붙여진 이름이다. 변수를 통해 프로그램은 메모리 번지에 값을 저장하고 읽을 수 있다. 메모리 상에 데이터를 보관할 수 있는 공간을 확보해야 하는데, 적절한 공간을 확보하기 위해서 변수의 타입이 등장한다. 자바는 정수와 실수만 변수로 저장할 수 있다. 이는 정수형 변수에 정수값을 저장하고, 실수형 ..

실행문, 세미콜론 main() 메소드 블록 내부에는 다양한 실행문이 작성된다. System.out.println("Hello.World");은 ()안의 내용을 출력하는 실행문이다. 실행문은 변수 선언, 변수값 저장, 메소드 호출에 해당하는 코드를 말한다. 아래는 앞으로 배울 실행문이다. int a; // 변수 a 선언 a = 2; // 변수 a에 2 값을 저장 int b = 4; // 변수 b를 선언하고 2 값을 저장 int result = a + b; // 변수 result를 선언하고 변수 a와 b를 더한 값을 저장 System.out.println(result); // 콘솔에 변수의 값을 출력한느 println() 메소드 호출실행문 끝에는 반드시 세미콜론(;)을 붙여야 한다. 그렇지 않으면 컴파일 에..

주석 주석은 프로그램 실행과는 상관없이 코드에 설명을 붙인 것이다. 복잡한 코드일수록 주석을 달면 전체 코드를 이해하기 쉽다. 주석은 컴파일 과정에서 무시되기 때문에 주석을 많이 작성한다고 해서 바이트코드 파일의 크기가 커지는 것은 아니다. Java에서 주석을 다는 방법은 아래와 같다. // 내용 : 해당 기호가 있는 위치부터 그 줄 끝까지 주석처리 /* 내용 */ : 해당 범위의 내용 주석처리 /** 내용 */ : Documentations API를 위한 주석 처리 주석 기호는 코드 내 어디든 작성이 가능하지만, 문자열(" ") 내부에서 작성하면 안 된다. 문자열 내부에서 주석 기호는 주석문이 아니라 문자열 데이터로 인식하기 때문이다. System.out.println("Hello, /* 주석이 될 수..

Java로 'Hello, World!'라는 문구를 출력하기 위해서는 아래와 같이 코드를 입력해야 한다. package ch01.sec09; public class Hello { public static void main(String args[]) { System.out.println("Hello, World!"); } }그럼 이 코드를 뜯어보며 살펴보자. 다음과 같은 코드를 패키지 선언어라고 부르며, 이는 소스 파일이 scr/ch01/sec09 패키지에 있다는 뜻이다. 컴파일 후 생성되는 바이트코드 파일도 bin/ch01/sec09 패키지에 생성된다. package ch01.sec09;public class Hello를 클래스 선언이라 부르며, Hello를 클래스명이라고 한다. 클래스명은 ..