📌 FUNCTIONS 📚 What are Functions? 프로그래밍에서 특정 작업을 여러 번 수행하기 위해 만든 것이 Function(함수)입니다. 코드 블록을 함수로 블록화 하여 필요할 때마다 해당하는 코드 블록을 재사용합니다. 함수를 만들고 사용하는 방법과 이를 사용하여 더 명확하고 간결한 코드를 만드는 방법을 배웁니다. 📚 Function Declarations / 함수 선언 JavaScript에서는 함수 선언을 통해 함수를 생성할 수 있습니다. 함수 선언은 함수의 이름 또는 식별자를 할당합니다. 함수 선언 방법은 다음과 같습니다. 함수의 선언문은 fucntion이라는 키워드로 시작됩니다. 함수 이름 혹은 식별자로 함수를 구분하며, 뒤에 ( )가 붙습니다. 함수 중괄호 { }로 묶인 부분은 특정..

자료형에 대한 포스트에서 JAVA의 참조 자료형은 C언어의 포인터와 비슷한 개념이라고 하였다. JAVA의 참조 자료형이 C언어의 포인터와 다른 점은 무엇일까? (링크 참고 : [JAVA] 03. 자바 프로그램의 자료형 https://daradarav.tistory.com/8?category=1047655) [JAVA] 03. 자바 프로그램의 자료형 📌. 자바 프로그램의 자료형 자료형(Data Type)은 컴퓨터 내부의 데이터를 식별하는 분류입니다. 컴퓨터 내부에서는 자료형에 따라 처리되는 연산, 수행 가능한 명령들, 데이터의 의미, 저장 방 daradarav.tistory.com 📌 JAVA 변수 저장 방식 기본 자료형 : 값을 기본 변수에 저장 참조 자료형 : 배열, 클래스, 인터페이스 타입의 객체 참..

자료형(Data Type)은 컴퓨터 내부의 데이터를 식별하는 분류입니다. 컴퓨터 내부에서는 자료형에 따라 처리되는 연산, 수행 가능한 명령들, 데이터의 의미, 저장 방식 등이 결정됩니다. 이번 장에서는 자바(Java)의 자료형인 기본 자료형(Basic Type)과 참조 자료형(Reference Type)에 대해서 배우고, 자료형을 변환하는 형변환(Type Casting)에 대해 배우겠습니다. 📌 자료형 📚 자료형 자바의 자료형은 크게 두 가지로 나누어질 수 있습니다. 📃 기본 자료형 (Basic Type / Primitive Type) - 하나의 값을 나타내는 데이터 유형입니다. 정수형 : byte, short, int, long 실수형 : float, double 문자형 : char 논리형 : bool..

리액트는 HTML과 비슷한 형식의 코드 작성 방식인 JSX를 통해 코드를 작성합니다. 오늘은 JSX의 기능과 규칙들을 배워보도록 하겠습니다. 또한 코드의 가독성과 작성을 돕는 ESLint와 Prettier도 다뤄보도록 하겠습니다. 코드 이해하기 src/App.js 파일을 열어보면 다음과 같은 코드가 있을 것입니다. import logo from './logo.svg'; import './App.css'; function App() { return ( Edit src/App.js and save to reload. Learn React ); } export default App; 위의 코드를 하나씩 이해해봅시다. 📚 import 구문 import logo from './logo.svg'; import '...

우리는 인생을 살아가면서 상황에 맞는 선택을 자주 합니다. 피곤하면 잠자리에 들고, 그렇지 않으면 일어나서 하루를 시작합니다. JavaScript에서는 if-else 조건문을 통해 조건에 따른 다른 상황들을 표현할 수 있습니다. 프로그램이 조건을 평가하여 결정을 내리고 코드에 논리를 도입하는 방법을 배웁니다. 📌 CONDITIONAL STATEMENTS 📚 if Statement / if 문 if문은 ( ) 안의 내용이 true일 때 실행됩니다. ( ) 안에는 true 또는 false로 평가되는 조건이 제공됩니다. 중괄호 { } 안의 코드는 조건이 true면 실행되고, false면 실행되지 않습니다. if (true) { console.log('This message will print!'); } // ..

본격적으로 React에 대해서 배우기 전에 Visual Studio Code를 통해 프로젝트를 생성하는 방법에 대해 알아보겠습니다. 프로젝트 생성 시 만들어진 프로젝트의 폴더와 파일들이 의미하는 바도 함께 배워보겠습니다. 프로젝트 생성 🛠 프로젝트 작업에 사용할 폴더를 만듭니다. 폴더를 Shift + 우클릭 후 PowerShell 터미널 열기를 클릭합니다. 🛠 yarn create react-app 을 입력합니다 🧨 Warning 1) 윈도우의 경우, 허가되지 않은 스크립트라는 말이 나오는 경우 윈도우 검색창에 PowerShell을 검색 후, PowerShell 아이콘을 우클릭 하여 관리자 권한으로 실행 Set-ExecutionPolicy Unrestricted 입력 후 엔터 y를 눌러서 허가 2) 맥북..

C/C++ 언어의 기본 구조는 함수였지만, JAVA 언어의 기본 구조는 클래스입니다. 보통 클래스 안에는 하나 이상의 메서드(함수)가 존재합니다. 또한 클래스 안에는 값을 저장할 수 있는 변수도 들어있습니다. 이번 장에서는 자바 프로그램의 기본 구조와 콘솔 입출력 방법에 대해 알아보겠습니다. 📌자바 프로그램의 기본 구조 📚 클래스(Class) 자바 프로그램은 클래스들로 구성되어 있습니다. 클래스들은 프로그램 문장들로 구성된 메서드들을 가집니다. 자바 소스들로 만들어진 자바 응용 프로그램은 JVM에 의해 main( ) 메소드를 갖는 클래스부터 실행됩니다. 클래스 이름은 대소문자를 구분하여 파일 이름과 일치해야합니다. 소스 코드의 재사용을 위하여 하나의 소스 파일에 하나의 클래스를 정의합니다. C언어의 구조..

최근 컴퓨터는 우리에게 친숙한 PC부터, 스마트폰, 태블릿 등으로 다양해졌습니다. 이러한 컴퓨터 하드웨어를 작동시키는 것을 소프트웨어(software) 혹은 프로그램(program)이라고 부릅니다. 컴퓨터가 실행할 프로그램을 작성하는 언어를 프로그래밍 언어라고 합니다. 프로그래밍 언어는 0과 1인 이진수 명령어로 구성된 기계어(machine language)로부터 가급적 표현하기 쉬운 상징적 니모닉 기호를 사용한 언어인 어셈블리어(assembly language)로 발전했습니다. C언어와 같은 사용자 친화적 언어로 진화하던 프로그래밍 언어는 편의성을 추구하는 객체 지향 언어까지 발전했습니다. 우리가 앞으로 배울 자바(JAVA)는 객체지향언어의 대표적인 언어입니다. 📌 자바 개요 📚 자바의 역사 1991년..

📌 왜 리액트(React)인가? 최근 몇 년간 자바스크립트(JS, JavaScript)는 개발자들의 뜨거운 관심을 받고 있습니다. JS는 단순한 스크립트 언어를 넘어 웹 애플리케이션에서 가장 핵심적인 역할로 발돋움했습니다. 그러나 JS만으로는 프런트 엔드 사이드쪽의 애플리케이션 구조를 관리하기에는 무리가 있습니다. 이를 해결하기 위해 React, Angular, Ember.js 등 수많은 프레임워크들이 개발되었습니다. 이번 포스트에서는 여러 프레임워크 중 React가 중심이 된 이유와 개발 환경 설정을 해보겠습니다. 또한 리액트의 주요특징인 Virtual DOM에 대해서 알아보겠습니다. 📚 왜 리액트인가? 프론트 엔드 개발을 하다보면 MVC, MVVM, MVW 등과 같이 MV~로 시작되는 아키텍처들을 들..

📌 INTRODUCTION TO JAVASCRIPT 📚 What is JavaScript? JavaScript는 웹 개발의 핵심으로 웹 사이트에 움직임을 주는 동적 처리를 가능하게 합니다. JavaScript는 발전을 거듭하며 현대 웹 브라우저의 주 언어로 자리 잡았습니다. JavaScript를 통해 다양한 라이브러리를 사용하고 서버 개발 등 여러 개발에 활용할 수 있습니다. 최근 개발의 트렌드인 JavaScript. 함께 배워보겠습니다. 📚 Console / 콘솔 Console(콘솔)은 개발자에게 오류 등의 중요한 메시지를 표시하는 패널입니다. 이 콘솔을 통해 화면에 원하는 항목을 표시할 수 있습니다. console.log( )를 통하여 ( )안의 내용을 출력할 수 있습니다. console.log(5)..