Tiny Bunny
본문 바로가기

전체 글

(117)
[Vue] VS Code에 Vue 프로젝트 생성 Vue 프로젝트를 생성하기 위해서는 먼저 Node js와 npm이 설치되어 있어야 합니다. Node.js 설치하기 (18.17.1 LTS) 제가 사용할 Node.js 버전은 18.17.1 LTS 입니다. 먼저 아래 사이트에 접속한 후 https://nodejs.org/ko/blog/release/v18.17.1 Node v18.17.1 (LTS) | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.or zero-talk.tistory.com 1. 터미널에(ctrl + shift + `) Vue 설치 명령어를 입력합니다. npm install -g @vue/cli 2. vue --version 명령..
HTTP 상태 코드 100 ~ 500 1XX: Informational(정보 제공) 임시 응답으로 현재 클라이언트의 요청까지는 처리되었으니 계속 진행하라는 의미입니다. HTTP 1.1 버전부터 추가되었습니다. 2XX: Success(성공) 클라이언트의 요청이 서버에서 성공적으로 처리되었다는 의미입니다. 3XX: Redirection(리다이렉션) 완전한 처리를 위해서 추가 동작이 필요한 경우입니다. 주로 서버의 주소 또는 요청한 URI의 웹 문서가 이동되었으니 그 주소로 다시 시도하라는 의미입니다. 4XX: Client Error(클라이언트 에러) 없는 페이지를 요청하는 등 클라이언트의 요청 메시지 내용이 잘못된 경우를 의미합니다. 5XX: Server Error(서버 에러) 서버 사정으로 메시지 처리에 문제가 발생한 경우입니다. 서버의 부하..
Get, Post 차이점 및 한글 처리 방식 클라이언트가 서버에 요청하는 방식에 따라 한글 인코딩 처리 방법이 다른다는 것을 알고 계신가요? GET, POST 각 요청 방식에 따라 인코딩 방식이 어떻게 다른지 알아보는 시간을 가져보아요. 인코딩을 하기 전에 두 방식이 어떤 차이가 있길래 서로 다른 방식으로 인코딩을 하는지부터 알아야 합니다. Get 네이버 검색창에 superman을 검색했을 때 나오는 URL입니다. https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&query=superman 검색어가 url 마지막에 포함되어 있는 걸 확인할 수 있는데요, 이처럼 URL에 데이터를 담아서 전송하는 게 GET 방식입니다. GET 방식은 URL에 데이터를 포함하여 값..
[JSP] JSP 지시어(Directive), 액션 태그(Action Tag) 23. 09. 21 # 주석 html 형식의 주석 JSP는 HTML과 함께 구성되므로 HTML 형식의 주석 사용 가능 (단, JSP 문법이 사용된 부분에는 사용 불가) JSP 주석 HTML과 JSP 문법 모든 부분에 사용할 수 있으며 웹 브라우저에서 소스 보기(ctrl + u)를 하면 주석이 보이지 않음 자바 주석 JSP 스크립트릿 영역 내에서 사용 /* */, //, /** */ # 지시어 지시어의 종류 page 지시어 : JSP 페이지에 대한 정보를 설정한다. taglib 지시어 : 표현 언어에서 사용할 자바 클래스나 JSTL을 선언한다. include 지시어 : 외부 파일을 현재 JSP 페이지에 포함시킨다. # page 지시어 page 지시어 현재 JSP 페이지를 컨테이너에서 처리하기 위한 각종 속..
프로그래머스 2단계 : 타겟 넘버 (Java 자바) 문제 설명 n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다. -1+1+1+1+1 = 3 +1-1+1+1+1 = 3 +1+1-1+1+1 = 3 +1+1+1-1+1 = 3 +1+1+1+1-1 = 3 사용할 수 있는 숫자가 담긴 배열 numbers, 타겟 넘버 target이 매개변수로 주어질 때 숫자를 적절히 더하고 빼서 타겟 넘버를 만드는 방법의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 주어지는 숫자의 개수는 2개 이상 20개 이하입니다. 각 숫자는 1 이상 50 이하인 자연수입니다. 타겟 넘버는 1 이상 100..
프로그래머스 2단계 : 피로도 (Java 자바) 문제 설명 XX게임에는 피로도 시스템(0 이상의 정수로 표현합니다)이 있으며, 일정 피로도를 사용해서 던전을 탐험할 수 있습니다. 이때, 각 던전마다 탐험을 시작하기 위해 필요한 "최소 필요 피로도"와 던전 탐험을 마쳤을 때 소모되는 "소모 피로도"가 있습니다. "최소 필요 피로도"는 해당 던전을 탐험하기 위해 가지고 있어야 하는 최소한의 피로도를 나타내며, "소모 피로도"는 던전을 탐험한 후 소모되는 피로도를 나타냅니다. 예를 들어 "최소 필요 피로도"가 80, "소모 피로도"가 20인 던전을 탐험하기 위해서는 유저의 현재 남은 피로도는 80 이상 이어야 하며, 던전을 탐험한 후에는 피로도 20이 소모됩니다. 이 게임에는 하루에 한 번씩 탐험할 수 있는 던전이 여러개 있는데, 한 유저가 오늘 이 던전들..
프로그래머스 3단계 : 미로 탈출 명령어 (Java 자바) 문제 설명 n x m 격자 미로가 주어집니다. 당신은 미로의 (x, y)에서 출발해 (r, c)로 이동해서 탈출해야 합니다. 단, 미로를 탈출하는 조건이 세 가지 있습니다. 1. 격자의 바깥으로는 나갈 수 없습니다. 2. (x, y)에서 (r, c)까지 이동하는 거리가 총 k여야 합니다. 이때, (x, y)와 (r, c)격자를 포함해, 같은 격자를 두 번 이상 방문해도 됩니다. 3. 미로에서 탈출한 경로를 문자열로 나타냈을 때, 문자열이 사전 순으로 가장 빠른 경로로 탈출해야 합니다. 이동 경로는 다음과 같이 문자열로 바꿀 수 있습니다. l: 왼쪽으로 한 칸 이동 r: 오른쪽으로 한 칸 이동 u: 위쪽으로 한 칸 이동 d: 아래쪽으로 한 칸 이동 예를 들어, 왼쪽으로 한 칸, 위로 한 칸, 왼쪽으로 한 ..
프로그래머스 2단계 : 기능개발 (Java 자바) 문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 제한 사항 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. 작업 진도는 100 미만의 자연수입니다. 작업 속도는 100 이하의 자..