개인공간

[VS Code 확장설치​] Korean Language Pack for Visual Studio Code : UI 언어 한글로 설정 vscode-icons : 파일 아이콘 테마 설정 Live Server : 자바스크립트 가상 서버 Reactjs code snippets : 자동완성기능 Auto Complete Tag :HTML/XML 태그 자동 완성 기능 통합 버전 -Auto Rename Tag : HTML/XML 태그의 이름을 자동으로 변경 -Auto Close Tag : HTML/XML 닫기 태그를 자동으로 추가 -Auto Import HTML Snippets : HTML5, 태그 색상화, 코드 스니펫 등 지원 HTML CSS Support : HTML 문서에서 CSS 설정된 내용에 대한 자동완성 ..

[ MongoDB ] : 데이터 교환 시 BSON 방식으로 문서 형태를 저장하여 서버에 분산 저장 및 확장이 용이하며 방대한 데이터 처리가 빠르게 처리된다는 장점이 있다. 하지만 최근 안정성 문제가 거론되는 단점이 있다. 비SQL 데이터 베이스 또는 No-SQL 데이터 베이스라고 말한다. # 문서지향 데이터 베이스 몽고 디비는 강력하고 유연하며 확장성이 높은 문서 지향의데이터 베이스이다. 문서 지향의 데이터 베이스는 행 개념이 아니라 보다 유연한 모델인 문서를 이용하는데 내장 문서와 배열따위의 표현이 가능해서 복잡한 객체의 계층 관계를 하나의 레코드로 표현할 수 있다. 이러한 점은 객체지향 언어들을 사용하는데 편리함을 제공한다. # 조인과 트랜잭션 x 관계형 데이터 베이스에서 주로 사용되는 조인과 트랜잭..

오늘은 JPA에서 기본키를 부여하는 방법과 @GeneratedValue에서 사용되는 strategy의 네가지 유형에 대하여 알아보자. @Id JPA에서 기본키(PRIMARY KEY)를 부여하는 방법은 선언한 변수 위에 @Id 작성하면 된다. @Id만 변수 위에 써주게 되면 이 변수를 PK로 선언하고 내가 값을 수동으로 부여하겠다는 의미인데 만약 PK로 설정하고 PK로 설정된 변수에 값을 자동으로 부여하고 싶다면 @GeneratedValue와 함께 사용하면 된다. @GeneratedValue 자동생성을 뜻하는 @GeneratedValue는 4가지 전략이 있다. 보통 @GeneratedValue(strategy = GenerationType. ###)과 같은 형태로 쓰이며 ###에는 IDENTITY, SEQ..

스프링 2.5는 거의 쓰지 않는 추세이지만 처음부터 배우기 위해서 가볍게 공부하고 넘어간다. 스프링에서 가장 주의해야 할 것은 객체 지향과 의존성 주입(IoC/DI), 관점지향프로그래밍(AOP)이다. 항상 이 3가지를 생각하면서 스프링 예제들을 따라해보자. # 의존성 주입 (DI:Dependency Injection) 스프링에선 객체를 직접 생성하는 것이 아니라 외부에서 생성한 후 이를 주입하는 방식을 이용한다. 즉, 객체의 의존성을 주입하는 것으로 관리하는 것이다. 이는 모듈간의 결합도가 낮아지고 유연성이 높아지게 만든다. 의존성을 제거하는 클래스 구현 방법으로 각 클래스가 인터페이스를 기반으로 호출하게 하고 이때 의존성 주입을 통해 객체 생성을 추상화 하는 방법이 있는데 이것이 DI이다.

Ajax와 Jquery는 새로운 독립적인 개념이 아닌 자바스크립트 라이브러리의 일종이다. Ajax : 비동기식 자바스크립트와 xml (Asynchronous Javascript And Xml). 웹페이지의 속도가 빨라지고 간편하다는 장점이 있지만 보안에 취약해진다는 단점이 있다. 그래서 보통 Ajax를 사용할 때는 Jquery도 함께 사용한다. Jquery : html의 클라이언트 사이드 조작을 단순화 하기 위한 것으로 가장 인기 있는 자바스크립트 라이브러리 중 하나 이다. 제이쿼리는를 사용하는 이유는 다음과 같다. 페이지 내부 요소에 접근하기 쉽다.제이쿼리를 사용하지 않으면 DOM 트리를 이용해서 요소(element)에 접근해야 하는데 이는 배우기도 어렵고 불편하다. 하지만 제이쿼리를 사용하면 CSS의..

SQL은 구조화된 쿼리 언어의 짧은 형식이며 주로 관계형 데이터베이스를 정리할 때 이용되는 언어다. 데이터베이스 정리에 이용되는 언어이다 보니 대표적인 명령으로는 INSERT,UPDATE,SELECT,DROP,DELETE가 있다. 기본적인 구조는 파악해두자. * 계정 만들기 계정을 만들기 위해선 일단 관리자 계정으로 로그인을 해야한다. 그리고 코드 입력하기 생성이 완료 되었다는 문장이 나오면 제대로 생성된 것이다. 이렇게만 한다고 계정을 바로 쓸수 없다. SJ이 쓸 수 있도록 권한을 부여하도록 하자. SJ계정으로 테이블을 생성할 것이기 때문에 테이블 생성 권한과 함께 간단한 권한을 추가해줬다. 이러면 테이블 만들 준비 완료! * 테이블 만들기 만들고 싶은 테이블은 회원가입창에서 받은 데이터를 저장할 테이..

html input 태그에서 쓸 수 있는 id와 name이라는 속성이 있다. id와 name 모두 input 태그의 title을 달아주는 것이라고 하는데 그러면 id와 name의 차이는 무엇일까? 공통적으로 title을 달기위한 속성이지만 가장 크게 나타나는 차이는 id는 page내에서 중복을 허용하지 않고 name은 중복을 허용한다는 점에서 차이를 가진다. id는 페이지 내에서 중복을 허용하지 않으며 document.getElementById(id)를 통해서 해당 엘리먼트 Object를 가져올 수 있다. 또한 id 속성으로 설정된 값은 서버단의 파라미터값으로 넘어가지 않기 때문에 서버단에서 접근이 불가능하다. 즉, action으로 이어지는 페이지에 값을 넘길 때 사용할 수 없다. 이와 반대로 name은..

국비 수업은 풀스텍이라고 얘기하지만 백엔드 위주의 수업이라 HTML과 CSS는 빠르게 지나갔다. 특히나 강사님이 html과 css를 설명하실 때 table을 만들어 설명하셔서 div와 span은 아예 배우지 못했다. 그러다보니 아직 궁금하고 능숙하지 못한 부분이 많았고 이 부분은 직접 회원가입폼을 여러번 만들어보는 것으로 복습중인데 그러던 중 와 의 사용법이 궁금했다. 우선 와 태그는 영역을 설정할 때 필요하다. 두 태그 모두 영역을 지정하는 거지만 그 방식에서 작은 차이를 보인다. 는 영역을 사각형 박스로 나누지만 은 문장단위로 지정한다. 즉 를 사용하면 테이블에서 1행짜리 한줄을 만드는 것과 같은 효과가 나타난다. 하지만 은 지정되는 범위가 다르기 때문에 테이블과 같은 효과가 나타난다고는 할 수 없다..

오늘은 자바에서 변수와 자료형에 대하여 정리해보겠습니다. [변수] 변수는 수학에서 많이 봐 익숙한 용어입니다. 변하는 수를 이야기 하죠 자바에서는 변하는 수라기 보다는 안에 여러 숫자를 넣을 수 있는 공간이라고 생각하면 좀 더 쉬울 것 같습니다. 변수를 선언할 때 유의해야 할 점은 아래의 4가지가 있습니다. 1. 변수의 이름은 영문자(대문자, 소문자)나 숫자 사용이 가능 2. 특수 문자는 $ _ , 이렇게 3가지만 사용이 가능 3. 변수의 이름은 숫자로 시작할 수 없음4. 자바의 명령어는 변수의 이름으로 사용할 수 없음 [자료형] 변수를 선언할 땐 그 변수가 어떤 것을 담을지에 따라 변수의 이름 앞에 자료형을 붙이는 형태로 나타내줘야합니다. 변수 하나당 하나의 자료형만 사용할 수 있습니다. 예를 들어 변..

자바 명령어를 시작할 때 제일 첫줄에 들어가는 문장은 보통 public class Test1{ public static void main(String[] args) { 과 같은 문구입니다. 여기서 public은 접근지정자 class Test1은 클래스명입니다. 우리는 먼저 클래스와 접근지정자에 대해 알아보고 지나가겠습니다. #클래스 자바는 객체지향언어라고 이전 챕터에서 언급했습니다. 객체란 개별적으로 존재하는 모든 것을 말하는 것인데 이러한 객체의 기능과 속성을 코드로 구현한 것을 우리는 클래스라고 합니다. 이클립스 안 클래스의 이름과 물리적 파일의 이름은 동일해야 작동이 됩니다. 또한 클래스 파일은 한글로 정할 수 없으며 첫문자는 대문자로 써야합니다. 클래스 : 하나의 가장 작은 단위 #접근지정자 접근..