티스토리

괴발개발계발

검색하기

블로그 홈

괴발개발계발

ryuwc.tistory.com/m

프로그래밍을 공부하는 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

백준 2236 칩 만들기 (파이썬) 실버문제 잘 안올리라하는데 이 문제는 푼 사람이 많이 없어서 씀 풀이 및 해설 N, K = map(int, input().split()) tmp_nums = list(map(int, input().split())) nums = [] for _ in range(N): nums.append([tmp_nums[_], _, 0]) sorted_nums = sorted(nums, key=lambda x: (-x[0], -x[1])) rst = [] for k in range(K): if k < N: # 전원선 수가 부품 수보다 클 수 있으므로 확인 sorted_nums[k][2] = sorted_nums[k][1] + 1 rst.append(sorted_nums[k][1] + 1) # 연결된 전원선 출력 for .. 공감수 0 댓글수 0 2023. 9. 22.
백준 2346 풍선 터뜨리기 (파이썬) 풀이 및 해설(주석) import sys def main(): # 입력받기 N = int(sys.stdin.readline().strip()) tmp_nums = list(map(int, sys.stdin.readline().strip().split())) # 입력받은 수들을 인덱스와 함께 쌍으로 묶어 nums 리스트 생성 nums = [(i, tmp_nums[i]) for i in range(N)] target_idx = 0 # 현재 타겟 인덱스 초기화 rst = [] # 결과값을 담을 리스트 초기화 for i in range(N): idx, num = nums.pop(target_idx) # nums에서 타겟 인덱스에 해당하는 요소를 추출 rst.append(idx) # 인덱스 값을 결과 리스트에 추.. 공감수 0 댓글수 0 2023. 7. 3.
백준 14889 스타트와 링크 (파이썬) 풀이 및 해설(주석) - v1 import sys from itertools import combinations N = int(sys.stdin.readline()) skills = [list(map(int, sys.stdin.readline().strip().split())) for _ in range(N)] nst = [i for i in range(1, N+1)] rst = 9e9 # 조합 사용해서 풀기 N은 짝수이므로 일단 두 팀이 될 수 있는 모든 조합을 생성 candi_t1_all = list(combinations(nst, N//2)) # t1의 팀이 정해지면 t2는 그 외의 나머지 선수니까 구한 조합의 반만 사용해도 됨 for i in range(len(candi_t1_all)//2): t.. 공감수 1 댓글수 0 2023. 5. 22.
백준 1021 회전하는 큐 (파이썬) 풀이 import sys from collections import deque def main(): N, M = map(int, sys.stdin.readline().strip().split()) lst = list(map(int, sys.stdin.readline().strip().split())) Q = deque(range(1, N+1)) rst = 0 for num in lst: lst_len = len(Q) num_idx = Q.index(num) if num_idx 공감수 0 댓글수 0 2023. 5. 22.
백준 1063 킹 (파이썬) 쉬운 것 부터 알고리즘 다시 시작! import sys # sys.stdin = open('input.txt', 'r') move_map = { "R": [0, 1], "L": [0, -1], "B": [1, 0], "T": [-1, 0], "RT": [-1, 1], "LT": [-1, -1], "RB": [1, 1], "LB": [1, -1] } def move_chess(piece_r, piece_c, move): return piece_r + move_map[move][0], piece_c + move_map[move][1] def is_valid_position(r, c): return 0 공감수 0 댓글수 0 2023. 5. 15.
[스프링] S3 라이브러리 endpoint 에러 S3 이미지 업로드를 위해 implementation 'org.springframework.cloud:spring-cloud-starter-aws:2.2.6.RELEASE' org.springframework.cloud:spring-cloud-starter-aws 라이브러리를 설치해주고 서버를 돌렸더니 Caused by: java.net.SocketTimeoutException: connect timed out com.amazonaws.SdkClientException: Failed to connect to service endpoint: at com.amazonaws.internal.EC2ResourceFetcher.doReadResource(EC2ResourceFetcher.java:100) ~[aw.. 공감수 0 댓글수 0 2023. 5. 1.
[스프링] MySQL 8.0 Public Key Retrieval is not allowed 에러 에러 분명 계속 MySQL연동이 잘되다가 갑자기 java.sql.SQLNonTransientConnectionException: Public Key Retrieval is not allowed at com.mysql.cj.jdbc.exceptions.SQLError.createSQLException(SQLError.java:111) ~[mysql-connector-j-8.0.33.jar:8.0.33] 이런 에러 발생 해결 url: jdbc:mysql://localhost:3306/{스키마이름}?serverTimezone=Asia/Seoul&useSSL=false&tinyInt1isBit=false&allowPublicKeyRetrieval=true 공감수 0 댓글수 0 2023. 4. 29.
[스프링 부트] redis 초간단 사용법 레디스 설치 https://github.com/microsoftarchive/redis/releases Releases · microsoftarchive/redis Redis is an in-memory database that persists on disk. The data model is key-value, but many different kind of values are supported: Strings, Lists, Sets, Sorted Sets, Hashes - microsoftarchive/redis github.com 저는 3.2.100버전 설치했습니다. 대충 next누르면 설치됨. 설치 경로로 가서 redis-cli 실행하면 ping 입력하면 PONG으로 반응해줌 레디스가 돌아가고 있음.. 공감수 0 댓글수 0 2023. 4. 24.
[자바 orm 표준 jpa 프로그래밍] 코드 정리 - 3 단방향 연관관계 MEMBER와 TEAM 테이블이 있음 이때 관계는 1(팀):N(멤버) 임 JPA를 이용해 테이블을 만들고 관계를 맺어줄 때 // Member @Entity public class Member { @Id @GeneratedValue @Column(name = "MEMBER_ID") private Long id; @Column(name = "USERNAME") private String username; // @Column(name = "TEAM_ID") // private Long teamId; @ManyToOne @JoinColumn(name = "TEAM_ID") private Team team; } 위와 같이 멤버의 외래키에 @ManyToOne과 @JoinColumn 어노테이션을 사용.. 공감수 0 댓글수 0 2023. 4. 13.
[자바 orm 표준 jpa 프로그래밍] 코드 정리 - 2 매핑 어노테이션 @Id private Long id; @Column(name = "name") private String username; private Integer age; @Enumerated(EnumType.STRING) private RoleType roleType; @Temporal(TemporalType.TIMESTAMP) private Date createdDate; @Temporal(TemporalType.TIMESTAMP) private Date lastModifiedDate; @Lob private String description; @Column 공감수 0 댓글수 0 2023. 4. 12.
[자바 orm 표준 jpa 프로그래밍] 코드 정리 - 1 더보기 ※ 이 시리즈는 김영한님의 자바 orm 표준 jpa 프로그래밍 강의를 정리합니다. 데이터 넣기 public class JpaMain { public static void main(String[] args) { EntityManagerFactory emf = Persistence.createEntityManagerFactory("hello"); EntityManager em = emf.createEntityManager(); EntityTransaction tx = em.getTransaction(); tx.begin(); // table에 insert하기 try { Member member = new Member(); member.setId(2L); member.setName("helloB"); .. 공감수 0 댓글수 0 2023. 4. 12.
감정 일기 앱 서비스 "토닥 토닥" 안녕하세요. AI 음성 트랙 CHAT SFT 입니다. 감정 일기 앱 서비스 "토닥 토닥" 이 릴리즈 되었습니다. 특화 프로젝트가 끝나는 시점인 만큼, 힘들고 지친 교육생 들이 많은 거 같습니다. "토닥 토닥" 서비스를 통해 위로 받고 가세요. 감정 분석 서비스는 덤 이랍니다. 달력을 토끼로 채워나가요. ** **일기 작성 STT / 토닥이의 응답 TTS 로 ! 통합/AI 감정 분석 결과를 볼 수 있어요. *월별/ 연간별로 감정 추이를 그래프로 확인할 수 있어요. * 도메인 주소 https://j8b101.p.ssafy.io/ APK 파일 다운로드 https://url.kr/2i6t1s 공감수 0 댓글수 2 2023. 4. 6.
[플러터] GetX - 라우터, 라우팅 정리 getX 정리 페이지 이동 Get.to() Get.to(NextPage()); Get.to()는 기본적으로 페이지 이동을 할 때 사용하는 메소드이다. Get.back(); Get.back()는 기본적으로 페이지를 뒤로 이동할 때 사용하는 메소드이다. Get.offAll(Home()); Get.offAll()은 기존의 모든 페이지를 지우고 새로운 페이지로 이동할 때 사용하는 메소드이다. named route class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'flutter Demo', // home: Hom.. 공감수 0 댓글수 0 2023. 3. 13.
Dart 기본 문법 정리 Dart 기본 문법 클래스 클래스는 객체를 생성하기 위한 틀이다. 클래스는 객체의 속성과 행동을 정의한다. class Person { String name; int age; void sayHello() { print('Hello, my name is $name'); } } 객체 객체는 클래스의 인스턴스이다. 객체는 속성과 행동을 가진다. Person person = new Person(); person.name = 'John'; person.age = 20; person.sayHello(); 생성자 생성자는 객체를 생성하기 위한 함수이다. 생성자는 클래스 이름과 동일하게 정의한다. ```dart class Person { String name; int age; // 기본적인 생성자 Person(this... 공감수 0 댓글수 0 2023. 3. 2.
[리액트] 실시간 채팅 구현하기 (socket.io, Nodejs) - 3 https://ryuwc.tistory.com/234 [리액트] 실시간 채팅 구현하기 (socket.io, Nodejs) - 2 1탄에 이어 글을 작성한다. Client 먼저, 아래의 라이브러리들을 설치해준다. npm i query-string npm i socket.io-client 클라이언트 에서 socket 설치 npm i react-emoji 이모지를 사용하기위해 설치 npm i react-scroll-t ryuwc.tistory.com 2편에 이어서 작성하겠다. 이번 편에서는 만들어논 컴포넌트들을 어떻게 작성해야 하는지 중점으로 두겠다. Server users.js파일을 생성한 후 아래와 같이 작성한다. const users = []; // This is the function that will.. 공감수 1 댓글수 0 2023. 1. 27.
[리액트] 실시간 채팅 구현하기 (socket.io, Nodejs) - 2 https://ryuwc.tistory.com/233 [리액트] 실시간 채팅 구현하기 (socket.io, Nodejs) - 1 https://www.youtube.com/watch?v=ZwFA3YMfkoc 위 영상을 기반으로 제작합니다. Client 세팅 (CRA) create-react-app을 통해 client 쪽을 세팅한다. 서버는 Nodejs express를 사용할 것이다. 리액트 라우터를 설치해주고 Join ryuwc.tistory.com 1탄에 이어 글을 작성한다. Client 먼저, 아래의 라이브러리들을 설치해준다. npm i query-string npm i socket.io-client 클라이언트 에서 socket 설치 npm i react-emoji 이모지를 사용하기위해 설치 npm .. 공감수 0 댓글수 1 2023. 1. 27.
[리액트] 실시간 채팅 구현하기 (socket.io, Nodejs) - 1 https://www.youtube.com/watch?v=ZwFA3YMfkoc 위 영상을 기반으로 제작합니다. Client 세팅 (CRA) create-react-app을 통해 client 쪽을 세팅한다. 서버는 Nodejs express를 사용할 것이다. 리액트 라우터를 설치해주고 Join과 Chat 컴포넌트를 만들어 Join페이지를 통해 Chat페이지로 이동할 것이다. 우선, App.js에 라우터 설정을 해주자 import React from 'react' import { Routes, Route } from 'react-router-dom'; import Chat from "./pages/Chat"; import Join from "./pages/Join"; function App() { retur.. 공감수 0 댓글수 0 2023. 1. 26.
백준 14716 현수막 (자바) 풀이 import java.io.*; import java.util.*; public class Main { public static int N, M; public static int cnt = 0; public static int[][] arr; public static boolean[][] visited; public static Deque Q = new ArrayDeque(); public static int[] di = {1, 0, -1, 0, -1, -1, 1, 1}; public static int[] dj = {0, 1, 0, -1, -1, 1, -1, 1}; public static void main(String[] args) throws IOException { BufferedReader.. 공감수 0 댓글수 0 2023. 1. 16.
백준 1463 1로 만들기 (파이썬) 풀이 def solve(): dp = [0] * (N+1) for i in range(2, N+1): dp[i] = dp[i-1] + 1 if i % 2 == 0: dp[i] = min(dp[i], dp[i//2] + 1) if i % 3 == 0: dp[i] = min(dp[i], dp[i//3] + 1) print(dp[N]) if __name__ == '__main__': N = int(input()) solve() 해설 dp의 인덱스는 그 인덱스 수의 최소 연산을 가지고 있음 인덱스 1의 값은 당연히 0이고 2는 1임 (+1 또는 2로 나누기) 3가지 경우의 수 중에 가장 적은 연산을 타고올라감 공감수 0 댓글수 2 2023. 1. 16.
[리액트] lottie-web 라이브러리 두 번 로드되는 문제 (Strict mode) lottie-web lottie-web을 쓰면 useEffect훅에 ref에 lottie를 집어 넣을텐데, 이 때 svg가 두 번 로드되는 문제가 있다. 아마 DOM에 추가되기 전에 한번, 그 후 한번 이렇게 두 번 되는 것 같다. 아래와 같이 clean-up 함수를 이용해주면 해결된다. 리액트의 Strict mode (추가) useEffect훅에 의존성에 빈 배열 해놨는데 로그 찍으면 계속 두 번씩 찍혀서 이상했는데 찾아보니까 Strict mode라는게 작동해서 디버깅을 더 엄격하게 하는 거였음 index나 패키지에서 없애면 됨 (구글링해보셈) 리액트 맘에안드네 공감수 0 댓글수 0 2022. 12. 31.
[리액트] react.memo()로 불필요한 재평가 방지하기 react.memo()로 불필요한 재평가 방지하기 현재 리액트는 컴포넌트가 가지고 있는 state가 바뀌면 그것들이 그 컴포넌트 함수가 재평가된다. 문제는 이 때 state나 props에 아무 관련이 없는 자식 컴포넌트들도 다시 재평가 된다는 것이다. 예를 들어 아래와 같은 상황이 있으면 App 컴포넌트에서 버튼을 누르면 state가 변경되므로 app컴포넌트가 재평가 되어 콘솔에 App RUNNING이 찍히고 그 바로 아래 자식인 DemoOutput에서도 콘솔이 찍히고, 그 자식인 MyParagraph에서도 콘솔이 찍힌다. 즉, 자식의 자식까지 모두 다 재평가 된다는 것이다. 간단한 앱이면 상관이 없지만 규모가 큰 프로젝트면 이를 방지해야한다. 이를 방지하기 위해 react.memo()를 사용한다. re.. 공감수 1 댓글수 0 2022. 12. 30.
[리액트] Forward Refs Forward Refs 리액트에서는 ref를 props로 내려주지 못한다. 여기서 ref를 props로 내려받고 activate함수를 통해 현재 ref에 focus하는 함수를 만들고 부모 컴포넌트에서 이를 실행하려했지만, 오류가 뜬다. 이럴 때는 아래와 같이 해주면 된다. 자식에서 useImperativeHandle 사용 사진의 순서대로 변경해주면 된다. 공감수 0 댓글수 0 2022. 12. 28.
[리액트] 리액트 훅 사용을 위한 규칙 리액트 훅 사용을 위한 규칙 리액트 훅은 리액트 함수에서만 호출해야 한다. (리액트 컴포넌트 함수, 사용자 정의 훅) 리액트 훅은 리액트 컴포넌트 함수 또는 사용자 정의 훅 함수의 최상위 수준에서만 호출한다. 합당한 이유가 없다면, 참조하는 모든 항목을 의존성으로 useEffect 내부에 호출한다. 공감수 0 댓글수 0 2022. 12. 26.
[리액트] context context 지금까지는 App의 state를 변경하고 사용하기 위해 props를 계속해서 자식의 자식.. 한테 넘겨주고, 자식은 App이 필요한 데이터를 부모로 올려주고 올려주고, 이 데이터는 다른 App의 자식이 사용하는 경우도 있었다. 이 방법이 잘못된 방법은 아니지만 번거럽고, 효율적이지 못하다. 그래서 컴포넌트 전체에 사용할 수 있는, 리액트에 내장된 state저장소가 있다. 리액트 context이다. 이를 사용하면 액션을 트리거할 수 있다. 그런 다음 긴 prop체인을 만들지 않고 관련된 컴포넌트에 직접 전달할 수 있다. 로그인 여부 context 만들기 우선 관리할 state를 React.createContext를 통해 객체 형태로 만들어준다. 그리고 이제 나(context) 여깄어! 라고 .. 공감수 0 댓글수 0 2022. 12. 26.
백준 1074 Z (파이썬) 풀이 및 해설(주석) def solve(n, r, c): global rst if r == tr and c == tc: print(rst) exit() # 찾는 위치에서 벗어난 경우 n의 범위만큼 더해주고 return if not(r 공감수 0 댓글수 0 2022. 12. 25.
[리액트] useReducer useReducer useReducer는 state의 관리를 도와준다. 더 많은 기능이 있고 복잡한 state에 유용하다 여러 state가 같이 바뀌거나 서로 관련된 경우에는 종종 관리의 어려움과 오류가 생기기 쉽다. 이런 경우 useReducer를 useState대신 쓸 수 있다. 위의 코드는 입력된 이메일과 그 이메일이 유효한지 state로 관리하는데, 이 때 이메일이 유효한지에 대한 상태 변화를 이메일을 입력한 state로 판단한다. 즉, state를 다른 state를 기발으로 해서 업데이트 하고 있는데, 일반적으로는 이렇게 하지 않는다. 이런 경우에는 useReducer를 사용하는 것이 좋다. 다른 state를 기반으로 state를 업데이트 하는 경우 하나의 state로 병합하는 것도 좋다. 아래.. 공감수 0 댓글수 0 2022. 12. 25.
[리액트] useEffect useEffect 의 필요성 리액트 앱은 기본적으로 state가 변경되면 그 컴포넌트를 다시 평가한다. 사이드 이펙트는 애플리케이션에서 일어나는 다른 모든 것을 뜻한다. 예를 들면 http 리퀘스트를 보내는 것, 또는 브라우저 저장소에 무언가를 저장하는 것이다. 이것들은 모두 애플리케이션에서 고려해야 하는 작업이다. 예를 들어, 웹 애플리케이션은 대부분 백엔드 서버에 요청을 보낸다. 그러나 이러한 작업들은 화면에 무언가를 가져오는 것과는 관련이 없다. 즉, 이것들은 리액트를 필요로 하지 않는다. 따라서 이것들은 일반적인 컴포넌트 평가의 밖에서 일어나야 한다. 그래서, http 리퀘스트를 보내는 코드를 컴포넌트 함수 안에 적으면 state가 변경되어 컴포넌트가 재 평가될 때 마다 계속 실행이 될 것이고 이.. 공감수 0 댓글수 0 2022. 12. 25.
[리액트] useRef 사용하기 useRef 현재까지는 useState를 사용하여 사용자 입력 값을 받아와 저장하였다면, 이러한 입력값들은 Ref를 사용하여 관리하는 것이 더 효율적이다. 어떠한 것을 바꾸지 않고 단지 값을 읽어오는 용도로는 굳이 state를 사용할 필요 없이 ref를 사용하는게 좋다. 예를 들어 input창에 사용자에게 데이터를 입력받아 이를 사용하려면 ref를 쓰는게 코드도 적고, 알맞다 useRef import ref 변수로 지정해주기 input 태그 속성에 ref속성 집어넣어주기 값에 접근하기 useRef 기본적으로 객체형태이다. 접근하기위해서는 위의 빨간 박스처럼 변수명.current.value를 사용해 접근한다. 아래박스처럼 직접 조작할 수도 있다. 공감수 0 댓글수 0 2022. 12. 25.
[리액트] React.Fragment 사용하기 React.Fragment 지금까지의 jsx기준에 따르면 컴포넌트의 태그들은 여러개가 동일한 위치에 있지 못하고 무조건 하나의 div, 또는 태그로 감싸줘야 했다. 이 방법은 나쁘지 않은 방법이지만, 자칫하면 div soup에 빠질 수 있다. 이를 해결하기 위해 리액트는 React.Fragment라는 것을 제공한다. 사용하는 법은 간단하다. 아래와 같이 두 가지 방법으로 사용하면 된다. 기존 div로만 감싸왔던 태그들이 Fragment를 사용하여 jsx의 규칙도 지키고, div soup에도 빠지지 않는다. 공감수 1 댓글수 1 2022. 12. 23.
[리액트] Portal 사용하기 (PortalReactDOM 사용) Portal 사용하기 (PortalReactDOM 사용) 리액트의 Portal기능은 우리가 원하는 컴포넌트의 위치를 옮겨줄 때 사용한다. 예를 들어, 컴포넌트가 많이 중첩되어 있고 그 안에 모달과 같은 overlay형식의 컴포넌트가 있을 경우 의미적인 관점이나 간결한 html구조를 가추지는 못하여 좋지 못한 구조가 된다. 이를 Portal을 사용하여 body의 바로 밑 자식으로 옮길 수가 있다. 아래에서는 현재 작업중인 프로젝트를 예시로 모달창을 body바로 아래의 태그로 옮겨보는 작업을 해보겠다. index.html 먼저 Portal로 이동할 위치를 설정하기 위하여 index.html 파일에서 이동할 div와 id를 설정해준다. Modal 컴포넌트 컴포넌트를 변수로 저장하여 Portal로 이동시킬 작업.. 공감수 0 댓글수 0 2022. 12. 23.

문의안내

티스토리
로그인
고객센터

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