분류 전체보기
-
height: 100% 와 height: 100vh 의 차이프론트엔드/css 2023. 1. 19. 14:12
틀린 내용이 있을 수 있습니다. 발견하시면 말씀 부탁드립니다! 🙇 한 줄로 요약하면 %는 상위 엘리먼트에 대한 비율이고, vh는 뷰포트(viewport, 화면 크기)에 대한 비율이다. 예를들어 부모 엘리먼트의 높이가 1500px이고 자식 엘리먼트의 높이가 100%로 설정되어 있다면, 자식 엘리먼트의 높이는 부모 엘리먼트를 따라 1500px가 될 것이며, 화면 높이를 벗어난다. 반연 자식 엘리먼트의 높이가 100vh로 설정되어있다면 부모 엘리먼트 높이와 상관없이 기기의 화면 높이에 딱 맞게 보여질 것이다. 참고 https://stackoverflow.com/questions/31039979/css-units-what-is-the-difference-between-vh-vw-and
-
[개인] DLD Project (2)프로젝트 2023. 1. 11. 13:15
틀린 내용이 있을 수 있습니다. 발견하시면 말씀 부탁드립니다! 🙇 이 프로젝트에서는 지도를 표시해야 하며, 이를 위해 구글 API를 사용하기로 결정했다. 구글 API를 사용하기로 한 이유는 해외에서도 사용할 수 있어야 하기 때문이다. 비용에 대한 고민은 안 했는데, 왜냐하면 앱스토어에 어플 배포하는 것이 목적이긴 하나, 이걸 사용할 사람은 나밖에 없을 것이기 때문에 비용이 많이 나와봤자 얼마나 나오겠나 싶은 생각을 했기 때문이다. (+ 지도 API에 한정된 건지는 모르겠지만 현재 기준 매달 200$ 바우처가 지급된다) 구글 맵 API 테스트 구글에서 제공하는 지도 관련 API는 다양하다. 그 중 Directions API를 테스트해보기로 했다. Directions API는 지도상에서 출발지-도착지까지의 ..
-
[개인] DLD Project (1)프로젝트 2023. 1. 9. 23:38
틀린 내용이 있을 수 있습니다. 발견하시면 말씀 부탁드립니다! 🙇 나는 낯선 곳에 가면 꼭 지도 어플을 연다. 어플에서 잠시 시선을 떼고 '이쯤으로 가면 되겠지' 싶어 걷다 보면 잘못된 길로 새곤 한다. 그렇기에 더더욱 지도에 시선을 고정하고 다닌다. 이러다 보니 주변 건물이나 풍경을 못 보고 지나친 적이 많다. 만약 내가 엉뚱한 길로 가기 시작할 때 누군가 알려준다면, 지도 대신 주변을 구경하며 걸을 수 있겠지? 이게 이 프로젝트를 시작한 이유다. DLD는 Don't Look Down을 줄인 말로, 고개 숙여 지도를 보는 것에서 벗어나 주변 풍경을 구경했으면 하는 나의 소소한 바람을 나타낸 것이다.😎 기술 스택 Javascript, Typescript, React.js, Nest.js, Mongo DB..
-
비인증 결제 백엔드 개발할 때 만난 이슈와 삽질 기록기타 2022. 12. 29. 17:59
이걸 이제야 업로드하네... 기존에는 사용자가 CMS나 계좌이체를 통해 납부하면 운영자가 납부 확인과 정산을 하는 시스템이었다. 이를 개선하기 위해 PG 연동을 통해 사용자가 직접 결제를 할 수 있도록 개발을 진행했고(서비스에 도입되려면 좀 더 걸릴 것 같지만) 그 과정에서 겪은 이슈와 소소한 삽질을 기록하려 한다. 참고로 PG는 NICEPAY였고, 아래 내용은 NICEPAY API와 관련된 내용이다. (즉 다른 PG사의 케이스에는 다를 거라는 것) 1. Request 패키지를 사용하기 싫어 Axios 패키지로 HTTP request 전달받은 개발 문서에 포함되어있는 테스트 코드를 확인해보니 모든 요청이 request 패키지를 통해 이루어져 있었다. 그러나 나는 request 보다 axios를 사용하고 ..
-
[Javascript] 프로그래머스 - 올바른 괄호알고리즘, 자료구조/프로그래머스 2022. 9. 20. 01:02
문제: https://school.programmers.co.kr/learn/courses/30/lessons/12909?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제요약 문자열 s가 바르게 짝지은 괄호인 경우 true, 아니면 false를 반환해라. 바르게 짝지은 괄호는 '(' 문자로 열렸을 때 ')'로 닫힌다. 문자열 s의 길이는 1 이상 100,000 이하다. 풀이과정 function solution(s){ if (s[0] === ')') { return false; }; let stack = []; for ..
-
[Javascript] 프로그래머스 - 위장알고리즘, 자료구조/프로그래머스 2022. 9. 19. 22:22
문제: https://school.programmers.co.kr/learn/courses/30/lessons/42578?language=javascript# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제요약 스파이는 위장을 위해 매일 다른 옷을 조합하여 입어야 한다. 서로 다른 옷의 조합의 수를 구하여라. 스파이는 하루에 최소 1개 이상의 의상을 입는다. clothes는 2차원 배열이며, 원소는 [의상의 이름, 의상의 종류]로 구성된다. 스파이가 가진 의상의 수는 1개 이상 30개 이하이며, 의상의 이름은 고유하다. 풀이과정 function sol..
-
[Python] Codility Lesson1 - BinaryGap알고리즘, 자료구조/Codility 2022. 9. 19. 01:20
문제: https://app.codility.com/programmers/lessons/1-iterations/binary_gap/ 풀이 def solution(N): result = 0 binData = format(N, 'b') gapList = [] for i, v in enumerate(binData): if v == '1': gapList.append(i) if len(gapList) result: result = tmp return result Javascript 풀이: https://..
-
[AWS] Lambda + API Gateway 사용기 ☁️기타 2022. 9. 18. 02:32
유저에게 발송하던 알림톡을 AWS Lambda에 구성하기로 했다. 이런 결정을 하게 된 이유는 1) 알림톡 벤더사를 변경하기로 결정하면서 현재 구조를 고집할 필요가 없어졌고 2) 프로젝트마다 알림톡 템플릿이 분산되어있어 관리가 힘들었던 탓이다. AWS Lambda를 사용하게 된다면 현재 4개의 프로젝트에 분산되어있는 템플릿을 Lambda 함수 코드 하나에서 관리할 수 있게 된다. 알림톡 수정이 필요한 경우, Lambda 함수에 있는 코드만 신경 써도 된다는 이야기다! (물론 알림톡을 호출하는 부분도 수정해야 하지만 이전에 비해 일이 줄어든다.) 람다의 스펠링을 Lamda로 알고 있었을 정도로 람다에 대해 무지했던 상태에서 작업을 진행했으며, 이 작업을 통해 알게 된 내용을 기록해본다. 1. 람다 함수 생..