재안 IT 공부 일기장

이번에는 SQL의 join문에 대해서 알아보겠다. Join이란? 두 개 이상의 테이블에서 데이터를 조회하는 것이다. Join을 사용하면 테이블을 합쳐야하는 부분을 FROM절에 사용해 가독성이 높아진다. Select 문의 사용법은 다음과 같다. 키워드 입력값 SELECT columns FROM table1 JOIN table2 ON join_condition; SELECT columns FROM table1 JOIN table2 ON join_condition WHERE tuple_condition; 바로 예제를 통해 사용해 볼것인데 이때 저번에 Subquery를 알아보기위해 사용했던 테이블들을 그대로 사용할 것이다. 사용 할 테이블 우선 해당 테이블을 통해 Join을 간단하게 사용해 보겠다. JOIN 예..

이전 포스트에서 Select의 기초에 대해 알아보았다. 이번에는 Subquery에 대해 알아보겠다. Subquery란? 간단하게 말하자면 쿼리 내부에 쿼리가 있는 것이다. 내부 쿼리의 반환 값을 이용하여 외부에서 Select를 한번 더 사용한다고 생각하면 좋겠다. 조건을 두번이나 걸었으니 해당 쿼리는 더 유동적일 수도 있고 더 세세한 값을 조회할 수도 있겠다. 물론 단순히 튜플에대해 조건을 여러번 걸려면 WHERE 절에서 AND를 사용해서 조건을 두개 걸어주면 된다. SELECT * FROM user WHERE name like "jaean" AND usercode = 14; 이름이 jaean이며 usercode가 14라는 조건을 만족하는 튜플만 반환된다. Subquery는 쿼리 어디든 들어갈 수 있다...

저번엔 관계형 데이터 베이스가 무엇인지, 데이터 저장은 어떻게 되는지에 대해 알아보았다. 이번엔 DB에 저장된 데이터를 접근해서 가져올 수 있는 방법에 대해 알아보겠다. 우선 데이터 처리 개념의 CRUD에 대해 간단히 설명하겠다. Create Read Update Delete CRUD 테이블에서 데이터의 생성, 조회, 수정, 삭제를 뜻한다. 기본적으로 CRUD를 통해 데이터를 처리한다. CRUD를 사용하는 것은 아니고 데이터 처리 기법을 나타내는 개념이다. 당연히 있어야 하는 기본적인 기능들을 지칭한다고 생각하면 좋겠다. DB에서 데이터 처리를 위해선 자바소스코드가 아닌 SQL을 사용해야 한다. 추가적으로 해당 글에서 query라고 말하는데 이는 SQL 코드를 뜻한다고 생각하면 좋겠다. SQL에서 CRU..

첫번째 프로젝트로 todolist를 만들어보기로 했다. 잘만들지는 못했지만 혼자서 다 만들었다.삽질도 많이 했고 고생도 많았지만 결국 이 프로젝트 덕분에 많이 배우고 있다고 생각한다.아직 구현하지 못한 기능들이 많지만 그래도 구현한 부분들에 대해 먼저 알아보겠다. 구글, 유튜브 등 많은 소스들을 참고하며 공부하였다. Index 페이지부터 보겠다.Index 페이지로 들어오면 바로 sign in / sign up form이 뜨기 때문이다.  이미지 출저는 여기이다.  https://ls.graphics/illustrations Illustrations for your next projectBright and colorful illustrations. Regularly updates and new illust..

프론트와 백이 통신함에 있어 Ajax라는 것을 사용한다. 우선 Ajax란? 간단히 말하면 비동기 Javascript와 XML을 말한다. XMLHttpRequest 객체를 이용해서 JSON, XML, HTML, TEXT와 같은 데이터를 서버와 주고받는 것이다. Ajax의 가장 큰 장점은 비동기성이라는 것이다. 전체페이지가 아닌 일부분만 업데이트할 수 있게 해준다. Ajax를 바로 사용하며 예제를 통해 알아보겠다. 이번에 사용할 예제로 회원가입할 때 id 중복체크를 Ajax를 통해 시행하겠다. 회원가입할 때 id중복체크한다고 페이지 전체가 업데이트되면 안되기에 서버와 통신그리고 비동기성에대해 설명할 수 있기 때문이다. 우선 회원가입에 사용할 HTML은 아래와 같다. id와 password를 입력받을 2개의 ..

관계형 데이터베이스란? 다양한 데이터베이스의 종류중 가장 많이 사용되고 있는 특정 종류이다. 서로 관련된 데이터끼리 분류해서 테이블에 저장하는 방법이다. 관계형 데이터베이스 모델을 보면 그냥 2차원 배열처럼 보인다. 이때 2차원 배열에서 행은 value, 열은 key를 나타낸다. 사실 관계형 데이터베이스 테이블을 바로 보는 편이 이해가 빠르다. 개인적으로 진행한 todo list 프로젝트의 데이터베이스를 통해 설명을 하겠다. 해당 프로젝트를 간단하게 설명하자면 회원가입 후 각자 개인적인 task를 메모하는 서비스를 구현하는 것이다. 각 사용자들이 회원가입시 기입한 정보와 tasks를 DB에 저장한다. user 테이블은 각 사용자가 회원가입시 입력한 정보를 todos 테이블은 각 사용자가 저장한 tasks..

웹을 만들기위해 Jsp와 Servlet을 사용하기 전에 Jsp와 Servlet이 무엇인지 그리고 웹프로그래밍에서 MVC 패턴이 무엇인지에 대해 알아보고자 한다. 우선 Jsp와 Servlet의 관계를 먼저 알고 알아보는 것이 좋겠다. Servlet의 단점을 보안하기위해 Jsp를 사용한다는 것이다. Servlet Servlet이란? a small, server-resident program that typically runs automatically in response to user input. 간단하게 말하자면 API이다. Java EE의 Dynamic Web Project로 웹을 만들 때 페이지에 대한 요청과 응답을 간단한 메소드 호출로 해결할 수 있게 해주는 자바 라이브러리이다. 웹페이지에 대한 클라..

우선 JSON이란 Javascript의 문자열을 기반으로 구조화된 데이터 포맷이다. (XML 대안) JSON은 일반적으로 웹 어플리케이션 통신에 사용되는데 Javascript의 문자열을 기반으로 한다고해서 꼭 Javascript에서만 사용가능한 것은 아니다. 데이터를 송수신할 때 JSON은 문자열의 형태를 띈다. 이는 따로 문자열로 변환해주어야하는 것이다. 하지만 수신된 데이터를 사용할 때는 JSON객체를 사용해서 parse를 해주어야한다. Javascript에서는 stringify(), parse()를 사용해서데이터를 변환한다. JSON -> string => stringify string -> JSON => parse 특별할게 없는 Javascript의 객체이다. Javascript에서는 이렇게 객체..

Spread Spread는 반복가능한 객체(Iterables)에서 요소들을 바로 Key-Value의 형태로 만들어서 사용하게 해주는 문법이다. Iterable의 요소들을에 대한 접근이 훤씬 용이하다. 위의 출력문은 배열의 형태로, 아래의 출력문은 값이 바로 출력된 것을 알 수 있다. ...arr 이 짧은 코드가 arr의 요소들을 Key-Value의 형태로 바꾸어서 요소들에 바로 접근한 것이다. 원래 배열의 요소에 접근하려면 인덱스를 사용해야하지만 인덱스를 사용하지 않고도 바로 접근할 수 있는 것이다. 배열(반복 가능 객체)의 모든 요소들에 대한 Key-Value의 쌍을 만드니 배열을 모든 요소를 배열에서 꺼낸것과 같이 사용할 수 있다. 요소에 대한 직접적인(?) 접근이 가능하니 활용할 수 있는 방법이 많..

Destructuring Object Destructuring, Array Destructuring, Function Destructuring에 대해 알아보기 전에 정리해야하는 개념이 하나 있다. 여기서 Desturcturing의 의미는 Desturctive와 조금 다르게 이해해야한다는 것이다. Destructurize(분해)와 Desturctive(파괴)의 차이점을 알고 공부하는 것이 좋겠다. Object를 파괴하는 것이 아니라 Object를 복사해서 분해하는 것이다. 이렇게 접근하면 훨씬 이해가 쉽다. Destructuring은 여러가지 데이터 집합에서 (object, array) 어떠한 부분만 가져오는 것이 목적이다. 물론 다른 목적들도 있지만 다른 목적들은 잠시후에서 알아보겠다. 가장 간단한 예제..