'일상' 카테고리의 글 목록

[Chit Chat] 메타데이터 적용 실험하기 (Feat. Next 14)

Next.js로 제작한 서비스를 공유할 때 대표 이미지와 문구가 출력되도록 하는 방법을 테스트하였다. 1. layout.tsx에 head 추가하기가장 먼저 시도한 것은 layout.tsx에 head 태그를 추가하고 메타 데이터와 오픈 그래프 정보를 입력하는 것이었다. 개발자 도구를 통해서는 제대로 들어가는 것처럼 보였으나, 막상 title이 제대로 출력되지 않는 것으로 보아 실패한 것처럼 보인다. 2. layout.tsx Metadata 사용하기사실 next 13부터는 프로젝트를 생성하면 layout.tsx에 자동적으로 metadata라는 것이 생긴다. 원래는 이걸 사용하려고 했지만, next 공식 홈페이지에는 meta 태그를 사용해서 작성하는 법을 가르쳐준다. 그리고 무엇보다 Met..

일상/Chit Chat 2024. 7. 31. 09:36

[TIL] 20240318 개발일지

다익스트라 시작 정점에서 다른 모든 정점으로 가는 최단 거리 구하기 BFS랑 유사함 그래프 저장 시 거리도 같이 저장함 반복을 돌리면서 기존 거리보다 갱신된 거리가 짧을 때 새로운 거리의 길이를 업데이트함 파이썬에서는 우선순위큐를 쓰기 위해서 heapq를 이용함 거리탐색 (Python) import heapq v, e = map(int, input().split()) k = int(input()) graph = [[] for i in range(v + 1)] distance = [int(1e9)] * (v + 1) for i in range(e): u, v, w = map(int, input().split()) graph[u].append([v, w]) q = [] # 파이썬 우선 순위 큐 # heapq..

일상/개발 일지 2024. 3. 19. 10:12

[TIL] 20240317 개발일지

벽 부수고 이동하기 N*M 0은 이동할 수 있는 곳 1은 이동할 수 없는 곳 1,1에서 N, M까지 이동할 때 최단 경로 시작점과 도착점도 센다 출력 : 이동할 때 걸리는 최단 거리 6 4 0100 1110 1000 0000 0111 0000 치즈 - 입력 첫 번째 줄 : n m n : 세로 m : 가로 - 출력 첫 번째 줄 : 치즈가 모두 녹아서 없어지는데 걸리는 시간 두 번쨰 줄 : 모두 녹기 한 시간 적에 남아 있는 치즈 조각 칸 수 13 12 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 1 1 1 0 0 0 1 1 0 0 0 0 1 1 1 1 1 1 0 0 0 0 0 0 1 1 1 1 1 0 1 1 0 0 0 ..

일상/개발 일지 2024. 3. 17. 22:02

[TIL] 20240308 개발일지

코딩 테스트 BOJ 알파벳 문제는 예전에 Java로 풀었었는데, 요즘 파이썬으로 다시 풀면서 도전했다. 분명 쉽게 풀었던 것 같은데 재귀를 넣어서 그런지 자꾸 시간초과가 났다. 시간 초과 때문에 그냥 Java로 풀어야하나 다시금 고민이 생기고 있다. Next 오늘은 간단히 Next 13의 파일들의 용법에 대한 학습을 진행하였다. loading.tsx error.tsx Image 컴포넌트

일상/개발 일지 2024. 3. 8. 22:34

[TIL] 20240307 개발일지

코딩테스트 연결 요소 - 그래프 내 노드들끼리 연결된 덩어리 - 하나의 그래프에는 여러 연결 요소가 있을 수 있음 - 하나의 노드가 하나의 연결요소가 될 수 있음 간선 정보 저장 방법 - 인접 행렬 - 인접 리스트 DFS - 시작 노드에 연결된 노드의 개수 찾기 (== 연결 요소의 크기) - 연결 요소가 몇 개인지 찾기 - DFS는 인접 리스트로 푸는 것이 유리하다 -> 행렬로 줘도 리스트로 바꿔서 풀자 인접 리스트를 위한 빈 2차원 배열 초기화하기 graph = [[] for i in range(n + 1)] 공백이 없는 입력을 리스트로 분리하기 # 0110100 # 입력 list(map(int, input().strip())) # strip()을 이용하여 공백이 없는 문자열 입력을 문자로 분리 오늘 ..

일상/개발 일지 2024. 3. 7. 21:44

[TIL] 20240215 개발일지

Front-End TypeScirpt를 한 번 배워야 할 것 같아서 강의를 정주행하고 있다. 오늘은 간단히 type들과 작성법에 대해서 학습하였다. // Primitive Type : number, string, boolean, bigint, symbol, null, undefined // Object Type : function, array, ... // 변수 const str: string = 'hola'; const num: number = 88; // 배열 const fruits: Array = ['apple', 'banana']; const scores: number[] = [1, 2, 3]; // 함수 : 숫자 두 개를 인자로 받아서 결과로 숫자를 반환 function add(num1: num..

일상/Chit Chat 2024. 2. 15. 23:03

[TIL] 20240212 개발일지 (8일 - 12일)

설 연휴부터 어제까지 몸 상태가 좋지 않아서 제대로 포스팅은 하지 못했다. 공부한 내용은 git으로 정리하였고 npm 배포와 관련해서 작성해던 내용만 정리했다. 기타 npm 패키지 배포하기 어제 실패했던 npm으로 배포하기를 다시 진행하였다. 우선 npm Organizations의 이름을 변경하였다. 왜 안되는지 보니, 어제 username을 angelplayer로 지었더니 그게 Organizations로는 사용이 불가능 한 것 같았다. 그래서 username을 다른 것으로 변경하고 Organizations를 생성하였다. 어제는 carousel 안에 있던 index.tsx 파일명을 Carousel.tsx라고 지정했었다. 하지만 문제가 계속 Carousel 함수를 찾을 수 없다는 에러가 발생하였다. 다른 ..

일상/개발 일지 2024. 2. 15. 15:51

[TIL] 20240207 개발일지

알고리즘 Front-End url 공유 시 미리보기 이미지 및 내용 지정하기 채팅 서비스 등에서 URL 공유 시 출력되는 이미지, 제목, 설명을 지정하는 방법을 찾아보았다. meta 태그에 속성을 수정하면 적용된다고 한다. 우선 적용은 완료하였고 배포를 수행하고 적용되는데 약간 시간이 걸린다고 하니 우선 기다려봐야할 것 같다. 페이지 이동 시 최상단 화면 보여주기 https://angelplayer.tistory.com/537 react router dom을 이용하여 이동을 구현하면 실제 페이지 이동이 아니라 랜더링만 일어나기 때문에 사용자가 기존에 보던 스크롤 위치에서 새로운 데이터를 출력하게 된다. 이를 방지하기 위해서 별도의 컴포넌트를 작성하고, 해당 컴포넌트에서 url의 수정을 감지한 후, 변경 ..

일상/개발 일지 2024. 2. 8. 00:56

[TIL] 20240206 개발일지

알고리즘 강의 boj 10819 차이를 최대로 단순 순열 문제 boj 15686 치킨 배달 일단 순열로 풀었는데 시간초과나는걸 어거지로 pypy를 통해 성공시켰다. 다음 주에 다시 풀어봐야 할 듯 Front-End textarea 개행 출력되지 않는 문제 textarea에 글을 개행으로 작성하고 나서 데이터를 DB에 넣고 다시 출력하려고 하면 정상적으로 출력되지 않는 문제가 발생하였다. 뭔가 저장 도중에 개행이 날아가는 문제가 발생하는 것 같아서 작성할 방법을 모색하였다. 결국 1) 개행한 부분을 강제로 \n로 치환 2) 받아온 데이터에서 \n 부분을 잘라서 출력 과 같은 방법을 통해 해결하였다. 자세한 해결 방법은 아래에 정리하였다. https://angelplayer.tistory.com/535 기타

일상/개발 일지 2024. 2. 7. 00:36

[TIL] 20240204 개발일지

알고리즘 boj 1759 암호만들기 boj 12101 123더하기 123더하기에서 중복 순열을 통해 구현을 진행하였는데, 다른 사람의 코드를 보니 단순히 재귀 문제로 생각하고 구현했을 때 더 간결한 코드가 나오는 것 같았다. 굳이 순조부에 한정지어서 생각하지 않고 재귀적으로 구현한다는 생각을 가지는 것이 중요할 것 같다. Front-End react query 무한 호출 const paymentQuery = useQuery({ queryKey: ['payment'], queryFn: () => { return getPayment(); }, staleTime: 10 * 60 * 1000, // 문제 해결 부분 }); const updatePaymentStateMutation = useMutation({ m..

일상/개발 일지 2024. 2. 5. 00:08

[TIL] 20240203 개발일지

알고리즘 boj 1182 부분수열의합 boj 2529 부등호^ 오늘은 간단히 순조부 관련 문제를 풀었다. 순열, 조합, 부분집합이 각각 최대 범위가 얼마인지를 잘 알고 있는 것도 중요할 것 같다. 부등호 문제의 경우 일반 순열 방식으로 풀면 시간 초과가 나기에 적절한 조건문을 추가하는 것이 중요하였다. Front-End 배포 테스트 https://angelplayer.tistory.com/531 [Netlify] 웹 서비스 배포하기 (Feat. Github, React) 웹 서비스를 제작한 후 Github Repository에 업로드하고 이를 Netlify를 통해서 배포하는 방법에 대해서 설명드리겠습니다. Goals - React 프로젝트를 웹 상에 배포 To Do - Github에 React 프로젝트 ..

일상/개발 일지 2024. 2. 3. 23:52

[TIL] 20240201 개발일지

알고리즘 파이썬으로 변경하고 처음 알고리즘 문제를 풀었다. 일단 N과 M 시리즈를 풀면서 순조부를 복습하였다. 코드가 간결해지는 느낌은 있는 것 같는데 우선 나만의 스타일을 찾아서 계속 코딩하는 것이 중요할 것 같다. -> 일단은 main()과 global을 적극 활용하는 포지션으로 준비 중인데 프로그래머스로 코드를 작성해봐야 알 것 같다. 그리고 자꾸 if문과 for문 뒤에 무의식적으로 ()를 붙이고 있어서 힘들다. Front-End 오늘로 결제를 제외한 나머지 부분에 대해서 간단히 개발을 끝마쳤다. 서비스 테스트를 위해서 netlify를 이용해서 배포를 진행해보았다. 다른 친구와 함께 서비스를 테스트 하는 과정에서 나타나는 버그나 에러 등에 대해서 찾았는데 상당히 고칠게 많아 보인다. 그리고 미구현한..

일상/개발 일지 2024. 2. 1. 23:57

[TIL] 20240131 개발일지 (22일 - 31일)

알고리즘 강의 Java에서 Python으로 코딩테스트용 언어를 변경하기로 하였다. 다시 처음부터 공부 필요.. Front-End 글자 줄 넘어가면 ... 처리하기 /* 3줄이상 나오지 않게 하기 */ overflow: hidden; text-overflow: ellipsis; white-space: normal; height: auto; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 참고자료 : https://nh0404.tistory.com/43 한줄이 넘어가는 경우 ellipsis를 사용하는 것은 알고 있었으나, 여러 줄이 넘어가는 경우 조건..

일상/개발 일지 2024. 2. 1. 15:25

[TIL] 20240109 개발일지

알고리즘 강의 투포인터, 슬라이딩 윈도우 -> O(n^2)의 시간복잡도를 O(n)으로 만들기 위해서 사용 조건의 처음 or 마지막도 제대로 포함했는지 꼭 확인하자! 작성한 코드에서 20번째 조건 후 end가 N과 같아지는 순간 now == M임에도 수를 더하지 않고 나가버리는 문제가 발생하였다. Front-End useState()에 객체 사용 시 기존 데이터를 그대로 업데이트 할 수 없고, 스프레드 연산자, filter, map 등을 사용해야 한다. useReduce()를 통해서 데이터나 객체의 상태를 변경하는 로직을 분리 및 재사용 할 수 있음 form 사용 시에도 useState()를 통해 상태 관리가 필요하다. context를 통해 recoil, redux를 사용하지 않고도 상태를 공유할 수 있다..

일상/개발 일지 2024. 1. 9. 21:56

[TIL] 20240107 개발일지

알고리즘 강의 엣지 케이스를 잘 확인하자 알고리즘 풀 때 아무 생각없이 초기값을 0부터 하는 경우가 있는데, 아무 조건에 해당하지 않는 경우 첫 번째 값이 정답이어야 할 때가 있다. 잘 확인하고 생각하고 행동하자 효율성을 잘 따지자 int answer = 1; int maxStudent = 0; boolean[][] isMeet = new boolean[arr.length][arr.length]; int[] count = new int[arr.length]; for (int g = 0; g < arr[0].length; g++) { // 학년 for (int i = 0; i < arr.length; i++) { // 자신 for (int j = 0; j < arr.length; j++) { // 비교 대..

일상/개발 일지 2024. 1. 7. 22:45

[SSAFY] 싸피 특화 프로젝트 회고

이번에는 간단하게 SSAFY 특화 프로젝트가 끝나고 정리 겸 느낀 점 등을 간단히 남겨보려고 한다. 1. 특화 프로젝트는 정말 마음이 뒤숭생숭하다. 현재 글을 작성하는 시기는 특화 프로젝트가 끝나고 자율 프로젝트가 시작된지 1주일이 지난 시기이다. 특화 프로젝트는 컨설턴트님 및 코치님들께서 육체적, 정신적으로 매우 힘든 시기라고 하셨다. 처음에는 크게 대수롭지 않게 생각했는데 지나고 보니 정말 그랬다. 1) 하루종일 누워 있고 싶다 먼저 아무 힘이 없다. 자율 때 너무 힘들 쏟아서인가 뭔가 휴식이 필요한데, 금요일에 발표하고 다음 주 월요일에 특화 프로젝트 시작이라고 한다. 특히나 1등이나 2등을 한 팀이라면, 전국 발표가 있기 때문에 주말 + 평일 이틀 정도를 더 자율 프로젝트 정리에 써야한다. 3등이..

일상/Chit Chat 2023. 10. 18. 13:25

[Chit Chat] Functional CSS 강의 시청 & 팀 프로젝트 일부 회고록

삼성청년SW아카데미(SSAFY)의 2학기 첫 프로젝트인 공통 프로젝트가 지난 주에 끝났다. 사실 해당 프로젝트에 대한 회고록도 작성해야 하는데 기분이 안내켜서 아직 쓰지는 못했다.. 그렇게 프로젝트가 끝나고 어영부영 충전이라는 핑계로 놀다가 슬슬 다시 공부도 해아한다는 사명감에 책상에 앉았다. 그리고 다음 팀 프로젝트에 대한 컨벤션을 정하기 위해 (라는 핑계로 공부하기 싫어서) CSS in JS를 써야 하나 순수 CSS로 가야 하나를 고민하던 도중 우연히 강의를 하나 보게 되었다. https://tv.kakao.com/channel/3693125/cliplink/423595065 사실 특강을 보고 'Wa...'라는 감탄을 하거나 '내가 모르는 새로운게 있네'라고 하고 끝내는 경우가 많은데 해당 영상은 팀..

일상/Chit Chat 2023. 8. 29. 08:28

엠블럭 프라모델 & 피규어 아크릴 케이스(장식장) 사용 후기

에디터는 개인적으로 프라모델을 만드는 취미를 가지고 있는데요. 얼마 전에 정리를 하던 도중 지금까지 모아 왔던 프라모델이 꽤 많아서, 프라모델을 전시하기 위해 장식장이나 프라모델 케이스를 알아보고 있었습니다. 장식장은 보통 유리로 되어 있어 가격이 비싸고, 아크릴 케이스도 마찬가지로 예상외로 가격이 비싸서 고민을 하고 있던 도중 프라모델 및 피규어 용 조립식 아크릴 케이스인 엠블럭(M-Block)을 알게 되어 구매를 하였습니다. 지금까지 총 2번 구매를 하였는데 제품이 저렴하면서도 꽤나 단단하면서 괜찮았고, 생각보다 디자인도 나쁘지 않아서 사용 후기겸 포스팅으로 남겨볼까 합니다. 에디터는 기본 엠블럭 i사이즈로 구매를 하였으며, 건담 프라모델 HG사이즈와 MG사이즈를 기준으로 사용하였습니다. 1. 제품 ..

일상 2020. 3. 19. 23:24

SKT T플랜 요금제 가족 결합 혜택 정리

최근 집에 통신비가 많이 든다는 생각이 들어서 생각해보니 에디터를 제외한 가족 구성원 모두 약정도 없이 각기 다른 통신사를 이용하고 있었습니다. 그래서 가족 결합을 하려고 알아보던 도중 SKT에서 T플랜이라는 가족 결합용 요금제가 있다는 것을 알게 되었는데, 가격대비 데이터나 부가 서비스 혜택이 괜찮은 것 같아 한 번 정리하여 보았습니다. (해당 게시글은 블로그 에디터 가족 구성원의 휴대폰 사용 방식이나 부가 혜택 등 개인적인 선택요소를 고려하였을 때 가장 좋았던 요금제를 소개하는 글입니다. 통신사에서 별도의 지원금이나 혜택을 받지 않았습니다.) (타 통신사나 다른 요금제로도 더 좋은 혜택과 저렴한 가격으로 사용하실 수 있으니 타 통신사의 요금제도 참고하시어 자신에게 맞는 요금제를 이용하시는 것을 추천드..

일상 2019. 1. 11. 11:42

포항 오천(문덕) Autospa 실내 셀프 세차장 이용 후기

3월 중순으로 접어들면서 푸른 잎들과 형형색색의 꽃들이 피어나고 있습니다. 날이 따뜻해지고 해서 저번 주말에 세차를 하러 다녀왔는데요. 시설이 꽤나 좋아 소개해보려고 합니다. 해당 세차장은 오토스파라는 명칭으로 오천 문덕에 위치하고 있습니다. 문덕에서도 상대적으로 외각지역에 위치한데다 큰 도로에서는 육안으로 확인하기 힘든 위치에 있어 에디터도 최근에 알게 되었습니다. 네비게이션에 [오토스파]라고 검색하시면 바로 뜨기 때문에 내비를 이용하시면 쉽게 찾아가실 수 있습니다. 주말 오전에는 세차를 하려는 사람이 많을 것 같아 오후 3시 쯤 출발을 했는데 모두 가득 차 있어 10분가량 기다렸습니다. 세차가 가능한 Bay는 총 5개가 있고 그중에 2번 베이와, 3번 베이는 차량 하부 세차도 가능합니다. 실내 세차장..

일상 2018. 3. 13. 15:30

우리집(상가) 내진설계 여부 간편하게 조회하는 방법

최근 우리나라, 특히 포항 지역에서 지진 활동이 활발히 일어나고 있습니다. 지진 활동 횟수가 증가함에 따라 많은 사람들이 지진에 대한 불안감을 가지고 있는데요. 오늘은 불안감을 조금이나마 해소할 수 있도록 가정집과 상가의 내진설계 여부를 확인하는 방법을 알려드리도록 하겠습니다. 내진설계가 되어있는지 확인하는 것은 건축도시정책정보센터에서 시행하고 있는 우리집 내진설계 간편조회 서비스를 통해서 확인이 가능합니다. 내진 설계 여부를 확인하는 사이트는 아래에 있는 링크를 통해서 바로 해당 서비스 페이지로 이동이 가능합니다. http://www.aurum.re.kr/KoreaEqk/SelfChkStart 해당 서비스는 단독주택 및 아파트와 같은 공동주택의 내진설계 여부를 확인할 수 있는 서비스 였는데요, 2017..

일상 2018. 2. 20. 09:53

공항철도 완행 배차 간격 및 탑승 비용 정리

오늘은 공항 철도 완행 배차 간격 및 탑승 가격(운임 비용)을 알아보도록 하겠습니다.공항 철도 완행편은 서울역에서 인천국제공항까지 운행을 하며, 중간에 공덕, 홍대입구, 디지털 미디어시티, 김포공항, 계양, 검암, 청라국제도시, 영종, 운서, 공항화물청사역에서 정차합니다. 1. 배차 간격(시간) 서울역에서 출발하여 인천공항2터미널 방면으로 가는 시간표입니다.첫차는 5시 20분에 출발하며, 막차는 23시 48분에 출발합니다. 인천공항2터미널에서 출발하여 서울역 방면으로 가는 시간표입니다.첫차는 5시 18분에 출발하며, 막차는 23시 50분에 출발합니다. 그밖에 기타 역에서 정차 및 출발하는 시간은 아래 홈페이지에서 확인하실 수 있습니다. https://www.arex.or.kr/station/info.do..

일상 2018. 2. 5. 10:19

공항철도 직행 배차 간격 및 탑승 비용 정리

오늘은 공항철도 직통 열차의 시간표와 탑승 가격(운임 비용)을 알아보도록 하겠습니다. 1. 배차 간격(시간) 서울역 출발 시각과 인천공항1터미널역과 2터미널역 도착 시각입니다. 인천공항1터미널역 출발 시각과 서울역에 도착하는 시각입니다. 인천공항2터미널역 출발 시각과 서울역에 도착하는 시각입니다. 2. 탑승 가격 직행 열차 탑승 비용은 성인 기준 9000원, 어린이 기준 7000원입니다. 단 승차권 발급 비용이 500원이므로 실제 성인 기준 9500원, 어린이 기준으로 7500원을 지불해야합니다. 승차권은 내리시는 역 개찰구 주변에 카드 회수기가 있는데 카드를 반납하면 발급 비용 500원을 다시 받으실 수 있습니다. 직통열차는 여러 가지 방법으로 할인이 가능한데, 우선 3인 이상 결제 시 그룹 할인을 받..

일상 2018. 2. 3. 11:02

4000원에 방문수령으로 택배 보내는 앱! - 아이쿠폰 4000원 택배

요즘에는 많은 물건을 옮기기 위한 방법으로 많은 사람들이 택배를 사용하곤 합니다. 특히 자신이 살고 있는 지역과 떨어진 대학에서 공부를 하고 있는 대학생이라면 대부분 매해마다 두 번, 많게는 네 번까지 옷과 다양한 생필품을 옮기는 작업을 하게 됩니다. 대부분 대학의 기숙사의 경우 기숙사 택배라고 하여 가격이 싼 형태로 택배를 보낼 수 있는 서비스가 마련되어 있지만, 자취방, 하숙을 이용하고 있는 학생의 경우 일반 택배로 보내게 되는데 무게와 크기에 따라 가격이 상당히 높아지게 됩니다. 오늘은 싸고도 편하게 택배를 보낼 수 있는 아이쿠폰 4000원 택배를 소개해드리고자 합니다. 1. 4000원 택배 앱 소개 오늘 소개할 아이쿠폰 4000원 택배는 cj대한통운에서 하고 있습니다. 택배의 장점은 우선 크기와 ..

일상 2017. 12. 26. 12:00

‘착한 박스’ 영상 공유하고 화장품 무료로 받기!

최근 지인의 소개를 통해 시중에 나온 화장품의 성분을 분석하고 테스트하는 유튜버이신 디렉터 파이님을 알게 되었습니다. 그래서 몇 가지 영상을 보던 도중 SNS를 하는 구독자에게 무료로 화장품 1500개를 나눠주는 ‘착한 박스’ 이벤트를 진행한다는 것을 알게 되어, 글을 읽으시는 여러분들도 같이 착한 이벤트에 참여하고 여러 화장품에 대한 설명도 들으실 수 있도록 간단히 이벤트를 소개해 드리고자 합니다. 1. '착한 박스' 이벤트란? 착한 박스 이벤트는 이번으로 2회차를 맞이하는 이벤트로써 디렉터 파이님이 28가지 화장품 브랜드에서 기증 받은 착한 화장품을 무료로 나누는 행사입니다. 메인 영상은 약 26분 정도의 길이로 되어 있으며, 착한 박스 이벤트에 대한 설명과 착한 화장품으로 선정되어 나눠줄 화장품을 ..

일상 2017. 12. 17. 11:08

AngelPlayer`s Diary