분류 전체보기 (96) 썸네일형 리스트형 Bower 란? bower는 npm과 비슷한 도구이지만 트위터에서 만든 프론트 엔드의 패키지를 관리해주는 도구이다. bower도 npm과 마찬가지로 설치뿐만 아니라 의존성까지 해결해준다. 이 얼마나 편한가? 여기서 의존성에 대해 설명을 하자면 Bootstrap 같은 경우 Jquery 기반이라 Jquery 파일을 먼저 불러오고 나서 Bootstrap의 .js 파일들을 불러와야한다. 그래서 보통은 아래와 같이 많이 사용한다 위와 같이 라이브러리 안에 필수적으로 필요한 라이브러리를 의존한다고해서 의존성이라고 표현한다. 실제로 bower만으로는 의존성이 해결되지는 않으나 gulp or grunt를 같이 사용하면 어느정도 해소는 된다. Bower 명령어 bower를 이용하여 패키지를 설치를 하고 싶은경우 bower install.. 제대로 파는 Git & GitHub - 얄코 2일차 여러 branch 만들어보기 Branch : 분기된 가지 프로젝트를 하나 이상의 모습으로 관리해야 할 때 예) 실배포용, 테스트서버용, 새로운 시도용 여러 작업들이 각각 독립되어 진행될 때 예) 새로운 기능1 , 코드 개선 , 긴급 수정 각각 차원에서 작업한 뒤 확정된 것을 메인 차원에 통합 브랜치 생성 / 이동 / 삭제하기 브랜치 생성 명령어 git branch add-coach 브랜치 조회 git branch 브랜치 이동 git switch add-coach main 브랜치에서 2개의 작업을 진행하여 커밋하였다. 브랜치 생성과 동시에 이동 git switch -c new-teams 브랜치 이름 바꾸기 git branch -m (기존 브랜치명) (새 브랜치명) 브랜치 삭제하기 git branch -d .. 제대로 파는 Git & GitHub - 얄코 1일차 나는 실무에서도 Git을 사용해봤고 학원을 다닐때도 Git을 써봤지만 Git에 대해 제대로 공부해 본적이 없고 기본적인 기능들로만 사용해왔기 때문에 한번쯤 공부해보고싶었다. 그래서 Git 공부를 시작하게됐다. Git을 배워야 하는 이유 1. Git은 프로젝트의 시간과 차원을 자유롭게 넘나들수 있도록 해준다 시간 - 프로젝트의 버전을 과거로 되돌리거나 특정 내역을 취소할 수 있습니다. 차원 - 프로젝트의 여러 모드를 쉽게 전환하고 관리할 수 있습니다. 2.Git은 여러 사람들이 프로젝트에서 협업할 수 있도록 도와준다. Git 시작하기 https://git-scm.com/ 로 이동해서 Git을 다운로드한다 Git Bash를 반드시 포함한다 Git Bash 를 실행한다. git --version 명령어를 입력.. 김영한 - 스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 11일차 파일 업로드 파일을 업로드 하려면 파일은 문자가 아닌 바이너리 데이터를 전송해야 한다. 그리고 보통 폼을 전송할 때 파일만 전송하지 않는다. 예를 들어 이름 , 나이라는 문자 와 파일을 같이 전송 해야 할때 문자와 바이너리를 동시에 전송해야 한다. 이 문제를 해결하기 위해 HTTP는 multipart/form-data라는 전송 방식을 제공한다. multipart/form-data 방식은 다른 종류의 여러 파일과 폼의 내용을 함께 전송할 수 있다. package hello.upload.controller; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import org.springframework.we.. 김영한 - 스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 10일차 스프링 타입 컨버터 문자를 숫자로 변환하거나, 숫자를 문자로 변환해야하는 것 처럼 개발하다 보면 타입을 변환해야 하는 경우가 많다. package hello.typeconverter.controller; import hello.typeconverter.type.IpPort; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.RestController; import javax.servlet.http.HttpServletRequest; @RestController.. 김영한 - 스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 9일차 API 예외 처리 HTML 페이지의 경우 4xx, 5xx 와 같은 오류 페이지만 있으면 대부분 문제를 해결 할 수 있다. API의 경우에는 각 오류 상황에 맞는 오류 응답 스펙을 정하고, JSON으로 데이터를 내려주어야 한다. package hello.exception.api; import hello.exception.exception.BadRequestException; import hello.exception.exception.UserException; import lombok.AllArgsConstructor; import lombok.Data; import lombok.extern.slf4j.Slf4j; import org.springframework.http.HttpStatus; import o.. 김영한 - 스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 8일차 예외 처리와 오류 페이지 서블릿 예외 처리 서블릿은 2가지 방식으로 예외 처리를 지원한다. · Exception(예외) · response.sendError(HTTP 상태코드 , 오류 메시지) Exception(예외) 웹 애플리케이션 웹 애플리케이션은 사용자 요청별로 별도의 쓰레드가 할당되고, 서블릿 컨테이너 안에서 실행된다. 애플리케이션에서 예외를 잡지 못하고 서블릿 밖으로 예외가 전달되면 어떻게 동작할까? WAS 김영한 - 스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 7일차 서블릿 필터 애플리케이션 여러 로직에서 공통으로 관심이 있는 것을 공통 관심사라고 한다. 공통 관심사는 스프링의 AOP로도 해결할 수 있지만, 서블릿 필터 또는 스프링 인터셉터를 사용하는 것이 좋다. 서블릿 필터나 스프링 인터센텁는 HttpServletRequest를 제공한다. 필터 흐름 HTTP 요청 -> WAS -> 필터 -> 서블릿 -> 컨트롤러 필터를 적용하면 필터가 호출 된 다음에 서블릿이 호출 된다. 필터는 특정 URL 패턴에 적용할 수 있다. /* 이라고 하면 모든 요청에 필터가 적용된다. 스프링을 사용하는 경우 여기서 말하는 서블릿은 디스패처 서블릿으로 생각하면 된다. 필터 제한 HTTP 요청 -> WAS -> 필터(적절 하지 않은 요청이라 판단, 서블릿 호출X) 필터에서 적절하지 않은 요.. 이전 1 ··· 5 6 7 8 9 10 11 12 다음