본문 바로가기

728x90
반응형

분류 전체보기

(269)
[Javascript] 쉼표 연산자(Comma Operator) 쉼표 연산자는 각각의 피연산자를 왼쪽에서 오른쪽 순서로 평가하고, 마지막 피연산자의 값을 반환한다.  위 내용은 쉼표 연산자에 대한 MDN의 정의이다. 하지만 이렇게만 봐서는 잘 모르겠으니 조금 풀어서 알아보도록 하자.  먼저 아래의 함수 예시를 보자. 흔히 볼 수 있는 평범한 함수이다.let myFunc = (value1, value2) => { value1 += value2; value1 += value2; return value1;}myFunc(1, 2); // 5 이제 이 예시를 쉼표 연산자를 사용하여 바꿔 보려 한다. 위 함수에서 중괄호를 없애고 괄호와 쉼표(,)만으로 표현할 수 있다. 작동 원리는 = (a, b, c) 와 같이 작성할 경우 1)  a 실행, 2) b 실행, 3) c re..
[Javascript] window.onload 문제 HTML 실행 위치에 따른 오작동HTML 문서는 작성된 태그들을 위에서부터 아래로 차례차레 읽어들이는데, 이러한 특성으로 인해 가끔 스크립트의 작성 위치에 따라 오작동을 일으키기도 한다. Hello World! 예를 들어 위와 같이 window.onload그러므로 문서가 준비된 이후에 자바스크립트 코드가 실행되도록만 한다면 문서 앞에 선언해도 상관 없어질 텐데 이러한 역할을 해 주는 것이 바로 window.onload()이다. 웹 브라우저 자체를 담당하는 window 객체가 웹 문서를 불러올 때 문서가 사용되는 시점에 실행되는 onload라는 함수를 개발자가 다시 재정의한다는 개념. Hello World! window.onload에 대한 자세한 내용은 아래 글 참조. [HTML] Life Cycle(생명..
[Javascript] Rest Parameter Rest parameter란 함수의 마지막 매개변수 앞에 점 세 개( ... )를 붙여서 정의한 매개변수로 나머지 매개변수라고도 한다. 여기서 '나머지'라는 용어는 영어로 rest에 대비되는데, 함수에 전달된 추가적인 인수들을 나타낸다. 따라서 Rest 파라미터부터는 사용자가 Rest 파라미터에 할당되는 인수를 계속 추가할 수 있다. function myFunc(a, b, ...numbers){ console.log('a: ', a); // a: 1 console.log('b: ', b); // b: 2 console.log('나머지: ', numbers); // 나머지: [3, 4, 5, 6, 7, 8, 9, 0] } myFunc(1, 2, 3, 4, 5, 6, 7, 8, 9, 0); 위는 자바스크립트..
[Spring Boot] HelloWorld Controller 이전에 생성한 Spring Boot 프로젝트에 첫 번째 클래스를 생성해 보겠음. @RestController public class HelloWorldController{ // GET // URI: /hello-world // @RequestMapping(method=RequestMethod.GET, path="/hello-world") } HelloWorldController라는 이름의 클래스를 생성함. 먼저 이 클래스가 Spring Context에 등록되게 하기 위해서 우리는 @RestController라는 어노테이션을 사용할 것임. cf) @RestController와 @Controller의 차이는 다음 글에서 알아볼 예정이다. 일단은 우리가 만들고자 하는 RESTful 서비스에서는 화면단을 가지고..
[Spring Boot] Spring Boot 프로젝트의 구조와 실행 방법 처음 Spring Boot 프로젝트를 생성한 뒤 곧바로 실행해 보자. 지금 생성된 프로젝트는 아무런 내용이 없는 아주 기본적인 형태의 빈 프로젝트임. 이는 앞으로 우리가 개발하려고 하는 프로젝트의 기반이 되는 필수 설정이나 라이브러리들을 가지고 있음. 기본적인 실행 환경을 가지고 있기 때문에 현재 상태만으로도 바로 실행이 가능함.      기본적인 Spring Boot 프로젝트는 내장 Tomcat을 가지고 있기 때문에 위 이미지와 같이  @SpringBootApplication 이라는 Annotation이 들어 있는 클래스 파일에는 main() method가 들어 있을 것이고 이 클래스를 실행하는 것만으로도 embeded Tomcat이 실행됨으로써 서버가 같이 기동됨.    프로젝트를 실행시키고 로그를 ..
[Javascript] Console 객체(2) 지난 글에 이어 알아두면 디버깅에 편리함을 더해주는 console 객체의 함수들에 대해 정리해 보려 한다.   info(), warn(), error()이들은 console.log()와 기능이 동일하며 각각 레벨로 구분된 로그 정도로 생각해도 무방할 듯 하다. console.info(): 특정한 정보를 출력할 때 사용.console.warn(): 심각한 에러는 아니고 경고 단계에서 사용.console.error(): 심각한 에러(예상하지 못한 에러, 시스템 에러)에 사용.  이들을 사용하면 기본적으로 직관적인 스타일이 적용된 로그를 볼 수 있으며 콘솔 사이드바에서 각각의 레벨별 확인도 가능하다. cf) 브라우저마다 출력되는 스타일은 약간 다르다는 점에 유의하자. 그 예로 파이어폭스에서는 info로 출력한..
Restful API 설계 우리가 작성하려고 하는 서비스 API가 어떻게 구현될 것인지 미리 정의를 내리고 진행해 보도록 하자. 우리는 이번 강의를 통해 사용자(users) 관리 API, 그리고 그 사용자가 작성하는 게시글(posts)에 대한 REST API를 개발하려 함. 일반적으로 사용자와 사용자가 작성하는 게시글의 관계는 한 명의 사용자가 여러 개의 게시글을 작성할 수 있다고 정의내릴 것임. 이러한 상황일 때 사용자와 게시글의 관계를 1:N이라 함. 우리가 설계할 API는 크게 조회, 생성, 삭제와 관련된 기능이 있을 것임. IT 개발에서는 서비스에 사용되는 기능을 구현하는 데 있어서 스토리지에 작업을 어떻게 하는지에 따라 크게 데이터의 생성(CREATE), 조회(READ), 수정(UPDATE), 삭제(DELETE)로 구분함..
[Spring Boot] Spring Boot 개요 Spring Boot는 Spring으로 작성된 단독 실행 가능한 애플리케이션을 개발하기 위한 플랫폼. 간단하게 개발 및 실행이 가능하고 상용화 가능한 수준의 스프링 기반 애플리케이션을 쉽게 만들어낼 수 있다는 장점을 가짐. 기본적으로 Spring Framework를 이용한 애플리케이션 개발에는 많은 설정 작업들이 필요한데 Spring Boot를 이용하면 최소한의 설정만으로 Spring의 플랫폼과 서드파티(Third Party), 라이브러리 등을 사용할 수 있게 됨.  spring.io에서는 Spring Boot에 대해 아래와 같이 설명함.Spring 기반의 '단독 실행 가능한' 애플리케이션을 간단하게 생성할 수 있고, 대부분의 Spring Boot 애플리케이션은 최소한의 설정 작업만으로도 바로 실행할 수..

728x90
반응형