티스토리

dot

검색하기

블로그 홈

dot

apnalchangchangsh610.tistory.com/m

apchsh 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

#2 첫 면접 보호되어 있는 글입니다. 공감수 0 댓글수 0 2025. 1. 24.
#1 슬기로운 백수생활 시작 보호되어 있는 글입니다. 공감수 0 댓글수 0 2025. 1. 23.
리액트 카카오(kakao) 소셜로그인 구현 카카오 소셜 로그인 구현 (React - Spring) 여기서 프론트엔드는 카카오에게서 인가코드를 받아서 백엔드에게 전달만 하면 끝이다!1. 애플리케이션 등록https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com먼저 여기서 Kakao Developers에 로그인 후 애플리케이션 생성하고 REST API 키 및 Redirect URI를 설정해야 한다.2. 카카오 로그인 요청 사용자가 '카카오 로그인' 버튼을 클릭하면 카카오 인증 페이지(https://kauth.kakao.com/oauth/authoriz.. 공감수 2 댓글수 0 2025. 1. 23.
React Daum Postcode(카카오 우편번호 서비스) 방법이 두가지가 있었다.1. 다음 우편번호 서비스 API 사용하기(react-daum-postcode)https://www.npmjs.com/package/react-daum-postcode react-daum-postcodeDaum Postcode service for React. Latest version: 3.1.3, last published: a year ago. Start using react-daum-postcode in your project by running `npm i react-daum-postcode`. There are 24 other projects in the npm registry using react-daum-postcode.www.npmjs.com 2. 카카오 우편번호 .. 공감수 1 댓글수 1 2024. 11. 29.
git reset, 이전 커밋으로 돌아가기 커밋하고 추가 작업을 하다가~~~~~코드가 꼬여버려서 그 전 커밋으로 돌아가고 싶을 때, 추가 작업코드는 다 날아감 주의 1. 현재 작업 중인 브랜치에서 특정 커밋으로 돌아가고 싶다면 git checkout을 사용git checkout 하고 git branch로 확인해보니까 무슨 브랜치로 이동이 됨. - 원래 seunghee 브랜치에서 작업하고 있었음.(해당 커밋의 상태로 "detached HEAD" 상태로 이동. 즉, 기존 브랜치는 그대로 남아 있고, 해당 커밋을 임시로 볼 수 있음.)근데 이전 커밋의 상태로 돌아가있지는 않았음. 왜냐 ?"detached HEAD" 상태에서 특정 커밋으로 이동했더라도, 해당 커밋의 변경사항이 현재 작업 디렉토리에 자동으로 적용되지는 않습니다. 라고 하네요 2. 이 경.. 공감수 1 댓글수 1 2024. 9. 21.
백준 2018번: 수들의 합 5 - Java 시작점을 오른쪽으로 이동시키면 항상 합이 감소하고,끝점을 오른쪽으로 이동시키면 항상 합이 증가한다는 것을 알 수 있다.package java_0626_twoPointer;import java.util.*;class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int N = sc.nextInt(); int[] arr = new int[N+1]; // 1부터 N까지 들어있는 배열 for (int i = 1; i N을 입력받고, 1~N까지 순차적으로 들어있는 배열을 만든다.시작점과 끝점을 모두 맨 앞으로 위치시키고, 시작점.. 공감수 0 댓글수 0 2024. 6. 26.
백준 9372번: 상근이의 여행 - Java import java.util.Scanner;public class Main { public static int T; // 테스트 케이스 개수 public static int n, m; // 나라 n개, 비행기 m public static int[] parent = new int[1000001]; // 부모 테이블 초기화하기 public static int result = 0; // 특정 원소가 속한 집합을 찾기 public static int findParent(int x) { // 루트 노드가 아니라면, 루트 노드를 찾을 때까지 재귀적으로 호출 if (x == parent[x]) return x; return parent[x] = findP.. 공감수 0 댓글수 0 2024. 6. 26.
백준 1647: 도시 분할 계획 - Java 크루스칼 알고리즘가능한 한 최소한의 비용으로 신장 트리를 찾는 것1. 간선 데이터를 비용에 따라 오름차순 정렬2. 간선을 하나씩 확인하며 현재의 간선이 사이클을 발생시키는지 확인- 사이클이 발생하지 않는. 경우 최소 신장 트리에 포함- 사이클이 발생하는 경우 최소 신장 트리에 포함시키지 않음.3. 모든 간선에 대하여 2번의 과정 반복package java_0626_크루스칼;import java.util.*;class Edge implements Comparable { private int distance; // 비용 private int nodeA; // 시작점 private int nodeB; // 종료점 public Edge(int distance, int nodeA, int n.. 공감수 0 댓글수 0 2024. 6. 26.
백준 1717번: 집합의 표현 - Java 유니온 파인드(Union Find)여러 노드가 있을 때 특정 2개의 노드를 연결해 1개의 집합으로 묶는 union 연산과 두 노드가 같은 집합에 속해 있는지를 확인하는 find 연산으로 구성되어 있는 알고리즘 union 연산 : 각 노드가 속한 집합을 1개로 합치는 연산find 연산 : 특정 노드 a에 관해 a가 속한 집합의 대표 노드를 반환하는 연산import java.util.*;public class Main { // 노드의 개수(V)와 간선(Union 연산)의 개수(E) // 노드의 개수는 최대 100,000개라고 가정 public static int n, m; public static int[] parent = new int[1000001]; // 부모 테이블 초기화하기 .. 공감수 0 댓글수 0 2024. 6. 26.
백준 1541 잃어버린 괄호 - 파이썬 import sysinput = sys.stdin.readlineexp = input().rstrip().split('-') arr = []for i in range(len(exp)): temp = 0 for t in exp[i].rstrip().split('+'): temp += int(t) arr.append(temp)res = arr[0]for a in arr[1:]: res -= aprint(res) 최솟값을 찾는 기준을 잘 모르겠어서 고민하다가 검색해서 알아낸 , , 답 괄호를 적절히 쳐서 값을 최소로 만드는 방법은, 핵심적으로 '-' 연산자를 기준으로 나누는 것이렇게 하면 '-' 연산자를 기준으로 나눠진 부분들을 먼저 더한 후, 마지막에 뺄셈을 수행하여 값을 최소화할 수 있음 .. 공감수 0 댓글수 0 2024. 6. 25.
백준 10816 숫자 카드 2 - 파이썬 import sysinput = sys.stdin.readlinefrom collections import CounterN = int(input())Narr = list(map(int, input().split()))Narr.sort()M = int(input())Marr = list(map(int, input().split()))isTrue = False# Counter를 사용하여 각 요소의 개수를 미리 셈count_dict = Counter(Narr)countArr = [0] * Mfor i in range(M): pl = 0 pr = N - 1 while(pl 바로 이전 포스팅 수 찾기와 비슷하게 이진탐색을 활용해서 풀었다.그 전과 다른 점은 각 수가 적힌 카드의 개수를 세는 것이었는데 처음에.. 공감수 0 댓글수 0 2024. 6. 25.
백준 1920 수 찾기 - 파이썬 이진 검색 : 요소가 오름차순 또는 내림차순으로 정렬된 배열에서 검색하는 알고리즘import sysinput = sys.stdin.readlineN = int(input())A = list(map(int, input().split()))A.sort()M = int(input())arr = list(map(int, input().split()))isTrue = Truefor key in arr: pl = 0 pr = N - 1 isTrue = False while (pl 이진 검색을 활용해서 풀었다중앙 요소의 인덱스를 while문 안에 넣어서 pl, pr 값에 따라 계속 바뀌도록 해야하는데while문 밖에두고서는 오류를 찾지 못해 애먹었다 .. ㅎㅎ;이진검색을 하려면 정렬된 배열이 필요하기 때문에 .. 공감수 0 댓글수 0 2024. 6. 25.
백준 11399번 ATM - 파이썬 import sysinput = sys.stdin.readlineN = int(input())time = [*map(int, input().split())]time.sort() # 인출하는 시간이 짧은 사람 먼저 줄세우기 sum = 0total = 0for i in range(len(time)): sum += time[i] time[i] = sum # 앞 사람 시간 + 내 시간 => i번째 사람이 걸리는 시간 total += time[i] # N명의 사람이 걸리는 총 시간의 최솟값print(total) 인출하는데 걸리는 시간이 짧은 사람이 먼저와야 누적 시간이 최소화된다.입력받은 인출 시간이 짧은 사람부터 정렬을 한 뒤에i번째 사람의 총 시간을 계산하고 (앞 사람 인출 시간 + 자신의 인출 시간).. 공감수 0 댓글수 0 2024. 6. 25.
백준 11047 동전 0 - 파이썬 import sysinput = sys.stdin.readlineN, K = map(int, input().split())coins = []count = 0coins = [int(input()) for _ in range(N)]coins.sort(reverse=True)for coin in coins: count += K // coin K = K % coin if K == 0: breakprint(count)동전이 오름차순으로 입력되는데 우리는 필요한 동전 개수의 최솟값을 출력해야하기 때문에 내림차순 정렬을 한다. 1. K원을 큰 동전부터 나눈 후 몫을 count 한다.ex) 4200원이면 4200 // 1000 > 동전 4개 카운트2. K원을 큰 동전으로 나눈 나머지를 다시 반복해서 나눌 수 있도.. 공감수 0 댓글수 0 2024. 6. 25.
백준 1931 회의실 배정 : 파이썬 import sysinput = sys.stdin.readlineN = int(input())time = []for i in range(N): start, end = map(int,input().split()) time.append((start, end))time.sort(key=lambda x : (x[1], x[0]))cnt = 1end = time[0][1]for i in range(1, N): if time[i][0] >= end: end = time[i][1] cnt += 1print(cnt)회의가 빨리 끝나게 되면 남은 회의 시간이 많아서 더 많은 회의를 할 수 있다.그래서 빨리 끝나는 순서대로 회의 시간을 정렬한다.time.sort(key=lambda x : (x[1], x[.. 공감수 0 댓글수 0 2024. 6. 25.
1157번: 단어공부 - 파이썬 word = input().upper() # 입력 단어unique_word = list(set(word)) # 입력된 문자의 중복을 제거한 후 리스트 형으로 변환cnt = [] # 각 문자의 개수를 담을 리스트for i in unique_word: cnt.append(word.count(i)) # word 안 문자의 개수를 구함 if cnt.count(max(cnt)) > 1: # 제일 많이 사용된 알파벳의 갯수가 중복되면 print('?') # ? 출력else: # 제일 많이 사용된 알파벳의 갯수가 중복되지 않으면 print(unique_word[cnt.index(max(cnt))]) # 최댓값의 인덱스를 구한 후 word_list 인덱스 번호로 대입해서 출력# word_list와 cnt의 인덱.. 공감수 0 댓글수 0 2024. 5. 14.
[모던 리액트 Deep Dive] 타입스크립트 TypeScript is JavaScript with syntax for types자바스크립트 문법에 타입을 가미한것이 타입스크립트이다. 타입스크립트는 자바스크립트의 한계를 벗어나 타입 체크를 정적으로 런타임이 아닌 빌드 타임에 수행할 수 있게 해준다.런타임까지 가지 않더라도 코드를 빌드하는 시점에서 이미 에러가 발생할 가능성이 있는 코드를 확인할 수 있다.타입스크립트 활용법any 대신 unknown을 사용하자any모든 타입을 허용하므로 타입 안전성이 낮다.타입 추론이 어렵다.unknown모든 타입을 허용하지만, 실제 사용 시 타입 검사가 필요하므로 타입 안전성이 높다.다른 타입으로 좁혀질 수 있어, 타입 추론이 용이하다. 타입 가드를 적극 활용하자조건문 + 타입가드를 사용하면 타입을 효과적으로 좁힐 수.. 공감수 0 댓글수 0 2024. 4. 30.
[모던 리액트 Deep Dive] 리액트에서 자주 사용하는 자바스크립트 문법 구조 분해 할당배열 또는 객체의 값을 말 그대로 분해해 개별 변수에 즉시 할당하는 것.배열 구조 분해 할당 : 배열의 요소를 개별 변수에 할당하는 방법기본 사용법 ▼const array = [1, 2, 3, 4, 5]let [first, second, third, fourth ,fifth] = array;console.log(first); // 1console.log(second); // 2console.log(third); // 3console.log(fourth); // 4console.log(fifth); // 5 일부 요소 건너뛰기 ▼쉼표를 사용하여 배열의 일부 요소 건너뛰기const array = [1, 2, 3, 4, 5]let [first, , , ,fifth] = array;console.. 공감수 0 댓글수 0 2024. 4. 29.
[모던 리액트 Deep Dive] 이벤트 루프와 비동기 통신의 이해 싱글 스레드 자바스크립트싱글 스레드는 자바스크립트의 코드의 실행이 하나의 스레드에서 순차적으로 이루어지는 것을 의미한다.이는 코드를 한 줄 한 줄 실행하는 것을 의미하며, 궁극적으로 하나의 작업이 끝나기 전까지 뒤이은 작업이 실행되지 않는다는 것을 의미한다. 이러한 특징은 'Run-to-completion'이라고 하며, 동시성을 고민할 필요가 없다는 점에서는 아주 큰 장점이 된다. 자바스크립트는 싱글 스레드에서 동기방식으로 작동한다. 일반적으로 한 번에 하나의 작업을 처리할 수 있는 것이다.동기 방식은 직렬 방식으로, 하나의 작업을 처리할 동안 다른 모든 작업은 대기한다. 과거에는 자바스크립트가 기초적인 수준에서만 제한적으로 사용되었기 때문에 싱글 스레드가 더 합리적인 방식이었다.오히려 멀티 스레딩을 지.. 공감수 0 댓글수 0 2024. 4. 28.
[모던 리액트 Deep Dive] 클로저 클로저란? : 함수와 함수가 선언된 어휘적 환경(Lexical Scope)의 조합function add() { const a = 10 function innerAdd() { // innerAdd() 은 내부 함수이며, 클로저다. const b = 20 console.log(a + b); } innerAdd(); }add();함수가 중첩된 상황에서 a 변수의 유효범위는 add 전체이고, b 변수의 유효범위는 innerAdd 전체이다.선언적 어휘적 환경이란, 변수가 코드 내부에서 어디서 선언됐는지를 말하는 것이다.변수의 유효범위, 스코프(Scope)변수의 유효범위에 따라서 어휘적 환경이 결정된다. 이러한 변수의 유효 범위를 스코프(scope)라.. 공감수 0 댓글수 0 2024. 4. 28.
[모던 리액트 Deep Dive] 클래스 클래스란 무엇인가?특정한 객체를 만들기 위한 일종의 템플릿과 같은 개념즉, 특정한 형태의 객체를 반복적으로 만들기 위해 사용되는 것이 바로 클래스이다. constructor : 객체를 생성하는 데 사용하는 특수한 메서드, 생성자 메서드하나만 존재생략 가능여러 개 사용시 에러class Car { constrctor (name) { this.name = name }} 프로퍼티 : 클래스로 인스턴스를 생성할 때 내부에 정의할 수 있는 속성값const myCar = new Car('자동차') // 프로퍼티 값 : 자동차 getter와 settergetter : 클래스에서 무언가 값을 가져올 때 생성setter : 클래스 필드에 값을 할당할 때 사용인스턴스 메서드 : 클래스 내부에 선언한 메서드자바.. 공감수 0 댓글수 1 2024. 4. 28.
[모던 리액트 Deep Dive] 함수 1.2.1 함수란 무엇인가?하나의 블록으로 감싸서 실행 단위로 만들어 놓은 것1.2.2 함수를 정의하는 4가지 방법1. 함수 선언문일반적인 함수 선언과 비슷함수 이름을 명시하여 정의하는 방식function myFunction()2. 함수 표현식함수를 변수에 할당하는 방식var myFunc = myFunction()함수 선언문 vs 함수 표현식호이스팅(Hoisting)함수 선언문 : 호이스팅의 영향을 받아 함수 전체가 끌어올려짐. 선언 전에도 함수 호출 가능함수 표현식 : 변수 선언만 호이스팅되어 선언 전에 호출하면 undefined함수 이름 사용 여부함수 선언문 : 함수 이름을 사용함수 표현식 : 함수 이름 생략 가능 (오히려 함수에 이름을 주는 것은 방해 요소가 된다.)3. Function 생성자con.. 공감수 0 댓글수 0 2024. 4. 27.
[모던 리액트 Deep Dive] 자바스크립트의 동등비교 1.1.1 자바스크립트의 데이터 타입원시 타입(primitive type) - 객체가 아닌 모든 타입Undefined변수가 선언되었지만 값이 할당되지 않은 경우선언됐지만 할당되지 않은 값객체의 존재하지 않는 프로퍼티에 접근할 때let foo // 선언되었지만 값이 할당되지 않음.typeof foo === 'undefined'function bar(hello) { return hello}typeof bar() === 'undefined' // hello 매개변수가 전달되지 않음 null아직 값이 없거나 비어있는 값명시적으로 비어있음을 나타내는 값존재하지 않음. let someVar = null; // 명시적으로 아무것도 없음을 나타냄.typeof someVar === 'Object' // JS의 버그./.. 공감수 0 댓글수 0 2024. 4. 27.
Pandas 데이터 MySQL - Node.JS 연결 Pandas 데이터 MySQL이전 포스팅에서 만든 데이터프레임을 mySQL과 연동하기 위한 과정이다.import pandas as pdfrom sqlalchemy import create_engineimport pymysql# db 연결db = pymysql.connect(host='localhost', user='root', password='비번')cursor = db.cursor()# DataFrame을 MySQL 데이터베이스에 저장try: engine = create_engine("mysql+pymysql://root:비번@localhost:포트번호/연결할db") 데이터프레임이름.to_sql(name="테이블", con=engine, if_exists="replace", index=F.. 공감수 0 댓글수 0 2024. 4. 21.
크롤링한 데이터 Pandas로 관리 크롤링하기 위해 필요한 라이브러리from selenium import webdriverfrom selenium.webdriver.chrome.service import Servicefrom selenium.webdriver.common.by import Byfrom webdriver_manager.chrome import ChromeDriverManagerfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.webdriver.support import expected_conditions as EC안양 청년 정책 웹 사이트 url을 얻어온다.driver.get("https://www.anyang.go.kr/youth/contents.do.. 공감수 0 댓글수 0 2024. 4. 21.
[Node.js] 회원 API 기초 설계 회원가입 - POST /signup 로그인 - POST /signin 회원 개별 조회 - GET /users/:id 회원 개별 탈퇴 - DELETE /users/:id 회원가입 : POST app.post('/signup', (req, res) => { if (req.body == {}) { res.status(400).json({ message: '입력 값을 다시 확인해주세요.' }) } else { db.set(id++, req.body) res.status(201).json({ message: `${db.get(id-1).name}님 환영합니다.` }) } }) 요청 바디에는 id, pwd, name 등이 올 수 있다. 요청 바디로 들어온 회원 정보를 db에 저장하고, 성공했다는 응답 코드를 돌려준.. 공감수 0 댓글수 0 2024. 4. 19.
Express - params, query(쿼리 문자열) Params : 동적인 URL 경로 처리 app.get(`/products/:n`, function(req, res) { res.json({ num: req.params.n }) }) 클라이언트에서 /products 뒤에 입력한 값을 req.params로 받을 수 있음. /products/:n 경로에 접속하면 :n자리에 오는 값이 req.params.n에 저장되어 해당 값을 JSON 형식으로 반환. 쿼리 문자열 쿼리 문자열은 URL의 끝에 '?'를 사용하여 추가적인 데이터를 전달하는 데 사용 쿼리 문자열은 'key=value' 쌍으로 이루어져 있음 '&'를 사용하여 여러 개의 쌍을 연결할 수 있음 Express에서는 req.query를 통해 이러한 쿼리 문자열을 읽어올 수 있다. // https://ww.. 공감수 0 댓글수 0 2024. 4. 18.
내적 - python def solution(a, b): return sum([a[i]*b[i] for i in range(len(a))]) 두 배열은 길이가 같다고 했기 때문에 리스트를 순회할 때, 어떤 리스트의 길이를 사용하든 상관은 없다.(난 a의 길이를 사용했다.) 각 리스트에 대응되는 요소끼리 곱한 후 반환된 리스트의 값들을 sum 함수를 사용해 전부 더한다. https://school.programmers.co.kr/learn/courses/30/lessons/70128 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 공감수 0 댓글수 0 2024. 4. 17.
RESTful API 및 HTTP 프로토콜 기본 개념 클라이언트와 서버 간의 약속, 프로토콜(Protocol) 서로 정보를 주고 받을 때 지켜야 하는 약속이 존재한다. 반드시 이 약속을 지켜서 통신해야 하며, 우리는 이 약속을 프로토콜이라 부른다. 인터넷으로 연결된 클라이언트와 서버는 웹 프로토콜인 HTTP를 사용하여 데이터를 주고 받는다. 웹(=인터넷망 속 가상 공간) 개발자 > 인터넷을 돌아다니기 위한 규약을 지켜야만 함 > HTTP를 지켜야만 한다. HTTP 형식을 엄격하게 준수하지 않아도 통신을 가능하다. 하지만 규약 따르면 효율이 극대화! RESTful API : HTTP 규약을 매우 잘 따른 API, REST의 원칙을 완벽하게 준수하는 API RESTful API 쓰는 이유 웹에서 일반적으로 사용하는 표준 프로토콜 활용 > 다양한 플랫폼 및 언어.. 공감수 0 댓글수 0 2024. 4. 17.
약수의 합 - python def solution(n): sum = 0 for i in range(1, n+1): if n % i == 0: sum += i return sum n을 어떤 수로 나누었을 때, 나머지가 0이라면, 어떤 수는 n의 약수 약수의 조건을 만족하는 수를 sum에 더한 후 반환 def solution(n): return sum([i for i in range(1, n+1) if n % i == 0]) 짧은 코드들은 리스트 컴프리헨션으로 표현하는 것이 깔끔한 것 같다. 약수의 조건 "나머지가 0일 때" 주어진 수를 다른 수로 나누었을 때, 그 나머지가 0이 되어야 함. https://school.programmers.co.kr/learn/courses/30/lessons/12928 프로그래머스 코드 중심의 개발.. 공감수 0 댓글수 0 2024. 4. 16.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.