Inlee's Blog

마이크로서비스 아키텍처(MSA): 비즈니스 민첩성을 위한 현대적 접근 방식 마이크로서비스 아키텍처(MSA)는 애플리케이션을 더 작고, 독립적으로 배포 가능한 서비스로 분해함으로써, 비즈니스 기능을 중심으로 구성된 현대적인 서비스 개발 방식입니다. 이 접근 방식은 기업이 변화하는 시장 요구사항에 빠르게 대응하고, 높은 수준의 민첩성을 유지할 수 있도록 지원합니다. MSA의 장단점 장점 민첩성 및 확장성 향상: 각 서비스를 독립적으로 개발하고 배포할 수 있어, 변화에 빠르게 대응하고 시스템을 확장하기 용이합니다. 장애 격리: 한 서비스의 실패가 전체 시스템에 영향을 미치지 않아 시스템의 전반적인 안정성... Read More

모놀리식 아키텍처: 전통적인 소프트웨어 개발의 근간 모놀리식 아키텍처는 소프트웨어 개발의 가장 전통적인 방식 중 하나로, 애플리케이션의 모든 구성 요소가 하나의 대규모 코드 베이스 안에서 밀접하게 연결되어 있는 구조를 말합니다. 이러한 접근 방식은 그 단순함과 직관적인 구조로 인해 여전히 많은 프로젝트와 조직에서 선호되고 있습니다. 핵심 특징 단일 프로세스 실행: 애플리케이션의 모든 기능이 하나의 실행 가능한 파일 내에서 작동하며, 단일 데이터베이스 엔드포인트를 사용합니다. 재배포의 필요성: 작은 수정이라도 전체 애플리케이션을 다시 배포해야 하는 경우가 많습니다. 구성의 유연성: 싱글 또는 멀티 ... Read More

들어가기전에 데이터베이스와의 효율적인 상호작용은 모든 웹 애플리케이션의 핵심입니다. Spring JPA는 이러한 상호작용을 단순화하고 강화하는 다양한 기능을 제공합니다. 이 글에서는 그 중 ‘값타입(Value Types)’과 ‘값타입 컬렉션(Collection Value Types)’에 초점을 맞추어 설명하겠습니다. 값 타입이란? 값타입은 데이터베이스에서 실제 값을 나타내는 데이터 타입입니다. 이는 엔티티의 구성 요소이지만, 자체적으로는 식별자를 가지지 않습니다. 값타입의 종류와 사용 기본값 타입: 자바의 기본 타입(int, double 등), 래퍼 클래스(Integer, Long 등), String이 여... Read More

지연 로딩(LAZY)과 즉시 로딩(EAGER)의 이해 지연 로딩(LAZY)의 원리 지연 로딩은 객체가 실제로 사용될 때까지 데이터베이스로부터 로드를 지연시키는 방식입니다. 예를 들어, 한 Member 객체가 Team 객체와 연관되어 있다고 할 때, 지연 로딩을 사용하면 Member 객체를 로드할 때 Team 객체는 로드되지 않습니다. @Entity public class Member { @Id @GeneratedValue private Long id; @Column(name = "USERNAME") private String name; @ManyToOne(fetch = ... Read More

프록시(Proxy)란 무엇인가? 프록시의 기본 개념 프록시는 간단히 말해 ‘대리자’ 또는 ‘중개자’입니다. 실제 객체를 대신하여 다양한 작업을 수행합니다. 이는 마치 우리가 은행 업무를 처리하기 위해 대리인을 보내는 것과 유사합니다. 대리인은 우리를 대신하여 업무를 처리하며, 필요한 경우에만 우리에게 연락을 취합니다. 정의: 프록시는 실제 객체를 감싸는 래퍼(Wrapper) 역할을 합니다. 이를 통해 실제 객체에 대한 접근을 제어하거나, 추가적인 기능을 제공합니다. 목적: 주로 접근 제어, 지연 로딩, 로깅, 트랜잭션 처리 등을 위해 사용됩니다. em.find() vs em.getRefere... Read More

MappedSuperclass: 공통 매핑 정보의 재사용 개요 MappedSuperclass는 JPA에서 상속 관계 매핑이 아닌 공통 매핑 정보의 재사용을 위해 사용됩니다. 이 방법은 데이터베이스 설계와 객체지향 설계의 불일치 문제를 해결하는 데 도움을 줍니다. 주요 특징 공통 매핑 정보 제공: @MappedSuperclass로 지정된 클래스는 데이터베이스 테이블로 직접 매핑되지 않습니다. 대신, 이 클래스에 정의된 매핑 정보(필드, 관계, 메서드 등)는 상속받는 자식 클래스에게 상속됩니다. 엔티티가 아님: @MappedSuperclass로 지정된 클래스는 엔티티가 아닙니다.... Read More

들어가기 전에 이전글 연관관계 매핑 포스트를 보고 오면 좋습니다. 고급 매핑: 상속관계 매핑 객체지향 프로그래밍에서 상속은 중요한 개념입니다. 이를 데이터베이스와 연동할 때, 어떻게 효과적으로 구현할 수 있을까요? JPA(Java Persistence API)를 사용하면, 슈퍼타입과 서브타입 관계를 물리 모델로 효율적으로 변환할 수 있습니다. 이를 위한 세 가지 전략이 있습니다: 각각의 테이블로 변환 (조인 전략) 통합 테이블로 변환 (단일 테이블 전략) 서브타입 테이블로 전환 (구현 클래스마다 테이블 전략) 주요 어노테이션 이러한 전략을 구현하기 위해 JPA에서는 다음과 같은 어노... Read More

들어가기 전에 이전글 영속성 컨텍스트 포스트를 보고 오면 좋습니다. 연관관계 매핑 기초 ORM을 사용하는 데 있어서 가장 중요한 개념 중 하나는 객체와 테이블의 차이를 이해하는 것이라고 생각한다. 사실 DB만 잘 배우는 것도 쉽지 않은데, 안타깝게도 ORM을 사용하려면 기본적인 DB 지식이 있어야 한다. 방향(Direction): 단방향, 양방향 다중성(Multiplicity): 다대일(N:1), 일대다(1:N), 일대일(1:1), 다대다(N:M) 이해 연관관계의 주인(Owner): 객체 양방향 연관관계는 관리주인이 필요 1. 단방향 연관관계 (N:1) 예를 들어, 주문(Order)이 고... Read More

들어가기 전에 사실 스프링 공부를 여러번 시도 했었다. HTTP, WAS, DB 등 백앤드에 관련된 지식이 없을 때 무작정 인프런에서 유명하다는 강사님의 인강을 보면서 따라 쳤는데 강의 내용의 반의 반도 습득하지 못했었다. 그렇게 두 번, 세 번 전체강의를 돌려보았고 결국 완벽한 이해는 못한 채 다른 프로젝트들을 시작했다. Flask, Nest.js 등의 다른 프레임워크를 사용하다가 현업에서 가장 많이 쓰고 강력한 무기인 Spring을 다 씹어먹지 못한 게 너무 한이되어 다시 처음부터 개념을 씹어먹을거라는 각오로 블로그 글을 작성하면서 다시 공부하기로 했다. 그래서, Code-based인 다른 포스트... Read More

DI(의존관계 주입) / 스프링 컨테이너 DI(의존관계 주입)는 애플리케이션 실행 시점에 외부에서 실제 구현 객체를 생성하고 클라이언트에 전달하는 과정을 의미합니다. 이를 통해 클라이언트와 서버의 실제 의존관계가 연결됩니다. IoC 컨테이너, DI 컨테이너 IoC(Inversion of Control) 컨테이너는 객체의 생성과 관리를 담당합니다. AppConfig와 같은 클래스가 이 역할을 수행합니다. @Bean 어노테이션 @Bean 어노테이션은 스프링 컨테이너에 의해 관리될 객체를 선언할 때 사용됩니다. 예를 들어: @Configuration public class AppConfig { @Bea... Read More

퍼셉트론과 신경망 퍼셉트론은 신경망의 기본 구성요소입니다. 신경망(Neural Net)의 기본 구조를 보면 보통 아래와 같이 그립니다. 이 중 파란색으로 동그라미 친 부분, 신경망의 구성요소를 퍼셉트론이라고 합니다. 다른 말로는 Dense(밀집) 혹은 노드(Node) 라고도 부릅니다. 퍼셉트론의 구성요소 위 그림의 신경망에서 하나의 퍼셉트론을 확대해서 보면, 그림과 같이 퍼셉트론은 입력(inputs), 가중치(Connection Weight), 바이어스(bias), 합 연산(Sum), 활성 함수(Activation Function)로 구성되어 있습니다. 오느날 인공신경망에서 이용하는 퍼... Read More

SOLID 클린코드로 유명한 로버트 마틴의 객체 지향 설계의 5가지 원칙 SOLID란 객체 지향 프로그래밍을 하면서 지켜야하는 5대 원칙으로 각각 SRP(단일 책임 원칙), OCP(개방-폐쇄 원칙), LSP(리스코프 치환 원칙), DIP(의존 역전 원칙), ISP(인터페이스 분리 원칙)의 앞글자를 따서 만들어졌다. SOLID 원칙을 철저히 지키면 시간이 지나도 변경이 용이하고, 유지보수와 확장이 쉬운 소프트웨어를 개발하는데 도움이 되는 것으로 알려져있다. SRP : 단일 책임 원칙 (single responsibility principle) 한 클래스는 하나의 책임만 가져야 한다. 하나의 책임이라는 ... Read More

Spring 라이브러리 Spring Boot Library spring-boot-starter-web spring-boot-starter-tomcat : 톰캣(웹서버) spring-webmvc : 스프링 웹 MVC spring-boot-starter-thymeleaf : 타입리프 템플릿 엔진(View) spring-boot-starter(공통) : 스프링부트 + 스프링코어 + 로깅 spring-boot spring-core ... Read More

Makefile 왜 쓰는데? 간단한 소스코드 파일 한두개라면 몰라도 컴파일 해야할 코드 갯수가 굉장히 많아지면 gcc 방식으로 하나하나 컴파일 하는것은 시간도 오래걸리고 굉장히 귀찮은 일이된다. 그래서 반복적인 작업을 피하기 위해서 쓰는것이 make 유틸리티이다. make / Makefile make는 유틸리티 이름이다. make 유틸리티는 Makefile이라는 파일의 내용을 읽어서 목표 파일(target)을 만듭니다. 컴파일과정 c파일에서 object 파일 생성하기 ex) gcc -c -o ft_strlen.o ft_strlen.c -c 옵션은 해당 c파일을 .o(오브젝트)파일... Read More

unistd.h 가 뭔데? POSIX 운영체제 API에 대한 엑세스를 제공하는 헤더파일이다. 보통 Unix 에 쓰이는 표준 심볼들과 상수들을 정의해 놓은 것이기 때문에 unistd.h에 포함되어 있는 내용은 대부분 유닉스환경에서만 쓸 수 있다. write 함수를 어디에 쓰는건데? #include <unistd.h> ssize_t write(int fd, void* buf, size_t nbytes); 보통 오픈한 파일에 데이터를 쓸 때 사용하는 함수이다. return value : 성공 시 기록된 바이트수, 에러시 -1을 return 한다. 그런데,해당 함수를 에 있는 printf()... Read More

메모리 영역 코드 영역 코드 영역은 이름 처럼 작성한 코드를 저장하는 영역입니다.​ 데이터 영역 데이터 영역은 전역 변수와 정적 변수를 저장하는 영역입니다. 전역 변수는 프로그램이 시작되면서 초기화됩니다. 그러므로 데이터 영역은 프로그램 시작시에 이미 메모리가 확보되어 크기가 변하지 않음을 알 수 있습니다. 힙 영역 힙영역은 동적 메모리를 할당하는 영역입니다. C언어로 코드를 작성할 때 직접 메모리를 할당할 때가 있습니다. 이 때 메모리를 할당하는 영역이 바로 힙 영역입니다. 힙에 저장된 메모리는 함수호출이 종료되어도 사라지지 않기 때문에, ... Read More

권한이란? 리눅스의 모든 파일과 디렉토리는 권한(permission)을 가지고 있다. 리눅스의 파일시스템 상에 권한에 대한 정보를 저장하는 부분이 있다. 퍼미션들은 시스템 상에 존재하는 파일들에 대한 읽기,쓰기,실행에 대한 접근 여부를 결정한다. ls -l 명령어로 확인 가능 (첫번째 필드, -rwxr-wr–) 이러한 퍼미션은 다중 사용자 환경을 제공하는 리눅스 환경에서는 가장 기초적인 접근 통제 방법 권한 설정 방법 chmod [권한] [파일 또는 디렉토리 이름] [권한] : 권한을 입력할 때는 심볼릭 모드와 옥텟(8진수) 모드 2가지 방식을 이용하여... Read More

링크란 무엇인가? 특정 파일 또는 디렉토리에 접근을 쉽게 할 수 있도록 하는 방법 파일 시스템이 물리적인 장치인 하드 디스크 상에 저장되어 있는 특정 파일의 위치를 가리키는 것 하드링크 특정 파일 또는 디렉토리에 접근을 쉽게 할 수 있도록 하는 방법 파일 시스템이 물리적인 장치인 하드 디스크 상에 저장되어 있는 특정 파일의 위치를 가리키는 것 심볼릭링크 윈도우의 바로가기 개념과 슷하며 실질적인 디스크 상의 파일을 가리키는 것이 아니라 파일 시스템 상의 특정 파일을 가리키는 것 링크 생성 명령어 ln [옵션] [원본] [링크] 옵션을 지정하지 않고 링크 파일을 생성하면 하드... Read More

파일 내용에서 검색 grep 파일 내용에서 특정 내용만 찾을때 사용 grep [옵션] [패턴] [파일이름] [옵션] : 좀 더 디테일한 조건으로 찾을 때 사용 [패턴] : 찾고 싶은 내용을 입력, 일치하는 내용을 출력. 정규표현식 사용 가능 [파일 이름] : grep 명령어로 특정 내용을 검색할 파일을 지정한다. ex ) grep -i root/ect/id 옵션 -i : 대소문자 무시 (word와 WoRD 를 구분하지 않는다.) -n : 줄 번호 표시 (line 넘버를 표시한다.) -v : 패턴을 제외한 내용만 출력 -w : 단어 단위로 검색 (ro 를 검색하면 root ... Read More

`` 먼저 모든 import문은 eclipse 자동생성으로 만드는걸 default로 한다. 즉, 코드에 import문은 넣지 않으므로 자동생성 해서 쓰길 권장한다. 입출력 스트림 파일 객체 생성 File f = new File("c:\\windows\\system.ini"); * 파일의 경로명 String filename = f.getName(); // "system.ini" String path = f.getPath(); // "c:\\windows\\system.ini" String parent = f.getParent(); // "c:\\windows" ... Read More

구조체를 이용한 파일처리 프로그래밍에 필요한 데이터가 파일로 제공되는 경우 각 파일에는 필요한 필드로 구성된 레코드를 저장하는 경우가 많다. 이렇게 저장된 파일의 데이터를 프로그램에서 사용하려면 구조체를 활용해야한다. 구조체는 서로 형이 다를 수 있는 여러 변수들의 모임을 하나의 이름으로 가지고 있는 자 료구조이다. 구조체는 그 목적에 따라 필요한 구성요소를 정하여 다음과 같이 선언할 수 있다. struct employee { char name[20]; long id; int depend; float salary; }; struct employee e1; strcpy(e1.name, “Ho... Read More

스택의 정의 한쪽 끝(top)에서 삽입과 삭제가 일어나는 선형리스트 LIFO(Last In First Out) 구조 선형리스트의 긑부분에서만 자료의 입력과 출력이 가능하도록 제한된 자료구조 마지막 삽입 (Last-In)한 원소는 맨 위에 쌓여 있다가 가장먼저 삭제(First-Out) 된다. 후입선출 구조 (LIFO) 스택을 운영하기 위하여 끝 부분(top)에 대한 정보가 필요함. 위 그림처럼 끝 부분(top) 에서만 삽입과 삭제가 일어남. 스택의 연산 현재 스택의 상태를 나타내는 변수 top, 데이터를 담을 배열 stack이 필요하다. (1... Read More

마방진 우선 마방진에 대한 개념은 가로,세로,대각선의 합이 같아지도록 정사각형 모양으로 배열한 행렬이다. 마방진 만드는 규칙 1) 첫번째 행의 중앙에 1을 배열한다. 2) 왼쪽 대각선으로 올라가면서 빈자리에 1씩 큰 수를 배열한다. 이때 행렬의 밖으로 벗어나면 그 방향의 반대편에서 계속한다. 3) 만약 이동해서 채워야하는 자리에 이미 숫자가 배열되어 있다면, 정해진 위치 바로 아래에 숫자를 배열한다. 5x5 마방진 예시 규칙을 프로그램으로 짜기 입력 : 0으로 초기화된 n * n의 2차원 배열 table[n][n] 출력 : n * n의 magic square 행을 움직이는 ... Read More

SQL 문법 순서 SELECT(마지막) 무엇을 불러올건지 FROM (1) 어디서 WHERE (2) 조건문 GROUP(3) 그룹별 HAVING(4) 가져온것 중에서 조건문 ORDER BY(5) 정렬 순서로 작성하면 된다. SQL 문제 1) 급여가 400 이상인 사원 이름과 그 사원이 속한 부서이름을 검색하라 SELECT ename, dname FROM dept, emp WHERE dept.deptid = emp.deptid AND salary >= 400; ​ 2) ‘영업부’ 와’구매부’ 사원의 급여 합계를 검색하라 SELECT SUM(salary) FROM... Read More

SELECT 기능 내가 원하는 정보 가져오기 1) 테이블 전체 정보 보기 SELECT * FROM Customers; *(asterisk)는 테이블의 모든 컬럼을 뜻한다. 2) 원하는 컬럼만 보기 SELECT CustomerName FROM Customers; SELECT CustomerName, ContactName, Country FROM Customers; 3) 원하는 조건의 row(행)만 걸러서 보기 WHERE 구문 뒤에 조건을 붙여 원하는 데이터만 가져올 수 있습니다. SELECT * FROM Orders WHERE EmployeeID = 3; SELECT... Read More

정규화 ? DB시스템을 만지다보면 엄청나게 많은 테이블들이 얽혀있어 하나의 데이터를 수정했을때 여러문제가 생길 수 있는데, 정규화를 통해서 정해진 규칙대로 테이블을 쪼개게 되면, 문제점들을 사전에 해소할 수 있음. 가장 대표적인 문제점들로는 삭제이상(delete), 삽입이상(insert), 수정이상(update) 삭제이상은 지정된 테이블에서 데이터를 삭제하려고 하는데, 연결된 다른테이블에서도 데이터가 삭제되는 것이다. 삽입이상은 지정된 테이블에 데이터를 삽입하려고 하는데, 연결된 다른테이블에서도 데이터가 삽입되는 것이다. 수정이상은 원하는 데이터를 모두 수정하지 못... Read More

vi 편집기 vi 편집기는 일반적으로 모드가 나누어져 있기 때문에, 따로 공부를 하지 않으면 사용할 때 어려움이 있다. 명령모드 : 모드변경,복사,이동등의 작업 편집모드 : 문서작성 및 편집 Last Line 모드 : 치환, 저장 및 종료 수행 명령모드에서 i,o,a 를 입력하면 편집모드로 이동된다 i 는 커서의 앞부분 부터, a 는 커서의 다음부분 부터, o를 입력하면 커서의 아래라인부터 입력이 된다 명령모드에서 :를 입력하면 Last Line 모드로 넘어가게 된다 Last Line 모드에서 :wq 등의 명령어로 모드에서 나올 수 있... Read More

리눅스 기본 환경 명령줄 인터페이스 텍스트 터미널을 통해 사용자의 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다. 명령어 구조 명령어 : 시스템에서 특정 작업을 하기 위해 실행파일, 프로그램 옵션 : 명령어를 어떻게 실행할 것인지 지정 일반적으로 대시(-) 문자 뒤에 옵션을 지정 아규먼트(Argument) :명령어에 의해서 영향을 받는 파일 or 디렉토리 등 특정 대상 ex) ls -al, ifconfig -a, netstat ... Read More

깃 : 버전관리시스템 VCS: version control system 깃허브 버전관리 깃의 원격 저장소 웹 호스팅 서비스 소프트웨어 개발 활용 소셜 코딩 플랫폼 전 세계 개발자를 위한 프로젝트 수행 협업 서비스 프로젝트 개발 및 운영 서비스 깃허브를 쓰는 이유 규모에 상관없이 모든 회사와 조직에서 원하는 공개 및 비공개 프로젝트에 필요한 중요 DevOps 기능을 제공하기 때문 계획 수립 기능, 버그 수정, 변경 사항 관련 협업 등을 진행할 때 GitHub를 사용하면 전 세계 소프트웨어 개발자와 함께 작업 가능 그리고 더 나은 제품을 만들 가능성 향상 Gi... Read More

1.자바스크립트의 특징 자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다. (Vue,React,Angular 등도 javascript기반으로 만들어진 프레임워크이다.) ~python기반의 pyscript도 javascript 기반이다.~ 자바스크립트는 기존의 프로그래밍 언어에서 많은 영향을 받았다. 기본 문법은 C, Java와 유사하고 Self에서는 프로토타입 기반 상속을, Scheme에서는 일급 함수의 개념을 차용했다. ~ 그래서 매우 근본이 없다.. 필요해서 막 만들었다는게 학계의 정설이다 ~ 자바스크립트는 개발자가 별도의 컴파일 ... Read More

1.본격적으로 JS(자바스크립트)를 설명하기전에, 프로그래밍이란 ? 앞서 설명했던 html과 css와는 다르게 JS(자바스크립트를 편의상 JS라고 하겠다.) 는 프로그래밍언어이기 때문에 프로그래밍에 대해서 간략하게 설명하고 넘어가겠다. 프로그래밍 이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 이를 위해서 무엇을 원하고 어떤식으로 컴퓨터에게 명령을 전달하는 지를 알아야한다. 다시 말해, 프로그래밍에 앞서 문제(요구사항)를 명확히 이해한 후 적절한 문제 해결 방안의 정의가 필요하다. 컴퓨터는 0과 1밖에 알지못하기 때문에 우리가 원하는 요구사항을 컴퓨터가 알아들을 수 있게 정확하고 상세하게 코... Read More

시맨틱 웹이 뭔데? 시멘틱 웹에 관한부분은 PoiemaWeb (웹프로그래밍튜토리얼) 사이트 참조 2022년 퍼블리싱 되고 있는 웹사이트의 갯수는 약20억개, 인터넷사용자수는 53만명이다. 출처 : https://www.internetlivestats.com/ 대부분의 인터넷 사용자는 원하는 정보를 취득하기 위해 Google이나 Naver와 같은 검색사이트를 이용한다. 웹사이트는 검색엔진에 의한 노출이 매우 중요하다. 당연한 것이 검색엔진에 노출되지 않는 웹사이트에는 접속하는 이도 없기 때문이다. 검색엔진은 이 시대의 가장 강력한 권력 중의 하나라고 말할 수도 있겠다. SEO(검색엔진 최적화... Read More

CSS가 뭔데? CSS(Cascading Style Sheets)는 HTML이나 XML과 같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, CSS는 HTML의 각 요소(Element)의 style(design, layout etc)을 정의하여 화면(Screen) 등에 어떻게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어이다. 그냥 웹페이지에서 HTML 로 만들어둔 웹 구조 위에 스타일을 입히는 작업이다. 프론트엔드 개발자를 희망하면서, CSS는 배우기를 꺼려하는 초보개발자들이 종종 보인다. CSS는 HTML이라는 구조에 단순히 색을 입히... Read More

1.HTML 이 뭔데? HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. 좀 더 직관적으로 말하자면, 처음 웹개발을 시작하는 이들이라면 HTML CSS Javascript를 우선적으로 공부하게 되는데, HTML은 웹페이지의 내용과 구조를 담당하고, CSS는 웹페이지의 디자인과 스타일을 담당하고, Javascript는 웹페이지에서의 동작(행동)들을 프로그래밍 하는 언어라고 생각하면 당장 공부를 시작... Read More