본문 바로가기

전체 글

(229)
Vue 에서 javascript 를 이용하여 kakao login 구현 Vue 에서 Javascript 를 이용하여 kakao login 기능을 구현하는 자료가 없어서 정리합니다. npm install vue-kakao-login 이라는 방식이 있지만 Kakao Developers 에서 제공하는 Javascript SDK를 이용하여 카카오 로그인을 구현해보려고 합니다. 1. 먼저 Kakao Developers 에서 애플리케이션을 추가합니다. 2. 앱설정 -> 플랫폼에서 Web 사이트 도메인을 설정합니다. 저는 npm run -- --port 3000을 사용할 것이기 때문에 포트번호는 3000으로 했습니다. 3. 카카오 로그인에서 Redirect URI 를 설정하여주고 활성화를 시켜줍니다. 이제 카카오로그인을 사용할 준비가 다 됐습니다. javascript로 카카오 로그인 기..
기술 면접 준비 (2) Rest API (Representational State Transfer) : REST API는 자원(Resouce), 행위(Verb) - HTTP Method, 표현 (Representations)로 이루어져 있다. HTTP 통신 프로토콜을 이용해서 요청과 응답메시지를 주고받는것. HTTP 통신을 기반으로 하기 때문에 HTTP 요청을 보낼 수 있는 모든 언어, 환경에서 사용 가능 하다. Rest API 설계시 가장 중요한점은 첫 번째, URI는 정보의 자원을 표현해야 한다. 두 번째, 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)로 표현한다. JSTL (JavaServer Pages Standard Tag Libarary) : Java EE 기반의 웹 애플리케이션..
기술 면접 준비 (1) ∎ java 기반 서비스 백엔드 개발 - 백엔드 개발자는 프론트엔드, 백엔드의 완전한 분리 구조를 지향하는 업무 스타일의 개발 방식로서 백엔드의 DB와 API서버 개발을 맡는다. MVC에서 Model, Controller가 백엔드의 소관이다. - 백엔드 개발자는 기존 개발자라 불리는 스펙과 방식이 약간 다르다. 뷰단은 화면단이 아닌 API개발이 주가 된다. 프론트에서 전달된 데이터의 포맷이나 데이터베이스 입출력 및 다양한 비즈니스 프로세스를 프로그래밍 코드로 구현하는 역할을 한다. 데이터베이스, 웹 서버, 네트워킹 등 웹 서버의 인프라에 대한 이해가 필요하다. - API(Application Program Interface) : 라이브러리는 함수들의 집합이라 할 수 있는데 미리 만든 함수를 모아 놓은 곳..
[백준] 19238. 스타트 택시 https://www.acmicpc.net/problem/19238 19238번: 스타트 택시 첫 줄에 N, M, 그리고 초기 연료의 양이 주어진다. (2 ≤ N ≤ 20, 1 ≤ M ≤ N2, 1 ≤ 초기 연료 ≤ 500,000) 연료는 무한히 많이 담을 수 있기 때문에, 초기 연료의 양을 넘어서 충전될 수도 있다. 다 www.acmicpc.net import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.util.Comparator; import java.util.Link..
[백준] 19237. 어른 상어 https://www.acmicpc.net/problem/19237 19237번: 어른 상어 첫 줄에는 N, M, k가 주어진다. (2 ≤ N ≤ 20, 2 ≤ M ≤ N2, 1 ≤ k ≤ 1,000) 그 다음 줄부터 N개의 줄에 걸쳐 격자의 모습이 주어진다. 0은 빈칸이고, 0이 아닌 수 x는 x번 상어가 들어있는 칸을 의미 www.acmicpc.net import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.StringTokenizer; public class Main { static class Pair { int..
[백준] 1987. 알파벳 https://www.acmicpc.net/problem/1987 1987번: 알파벳 문제 세로 R칸, 가로 C칸으로 된 표 모양의 보드가 있다. 보드의 각 칸에는 대문자 알파벳이 하나씩 적혀 있고, 좌측 상단 칸 (1행 1열) 에는 말이 놓여 있다. 말은 상하좌우로 인접한 네 칸 중의 한 www.acmicpc.net import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.StringTokenizer; public class Main { static int R, C, answer, cnt; static char[][] map; static boolean[][] vi..
5644. [모의 SW 역량테스트] 무선 충전 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.StringTokenizer; public class Solution { static class BC { int x; int y; int c; int p; public BC(int x, int y, int c, int p) { this.x = x; this.y = y; this.c = c; this.p = p; } @Override public String toString() { return "BC [x=" + x + ", y=" + y + ", c=" + c ..
Java 의 length, length(), size() 차이점 1. legnth -> 배열의 길이 ( int[], String[], double[] ... ) 2. length() -> 문자열의 길이 ( String, StringBuilder ... ) 3. size() -> 컬렉션프레임워크 타입의 길이 ( ArrayList, Stack, Queue ) import java.util.ArrayList; import java.util.LinkedList; import java.util.Queue; import java.util.Stack; public class Test { static class A {} public static void main(String[] args) { // 1. length int[] arr1 = new int[10]; String[] ar..