불타는 키보드

문제 설명 괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어 "()()" 또는 "(())()" 는 올바른 괄호입니다. ")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다. '(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 solution 함수를 완성해 주세요. 제한사항 문자열 s의 길이 : 100,000 이하의 자연수 문자열 s는 '(' 또는 ')' 로만 이루어져 있습니다. 입출력 예 s answer "()()" true "(())()" true ")()(" false "(()(" false 나의 풀이 스..

소프트웨어/자료구조 + 알고리즘 2021. 12. 19. 20:40

예시 상황 : 점심 메뉴 투표화면 만들기 부모 컴포넌트 : vote-view 자식 컴포넌트 : 선택지 보여주는 option-selector 결과 보여주는 vote-result-viewer 부모 컴포넌트 : vote-view 백엔드로부터 받아왔다고 가정할 정보 title: "점심 골라줘", opts: [ { id: 1, value: "국밥", votes: 1, }, { id: 2, value: "자장면", votes: 2, }, { id: 3, value: "돈가스", votes: 3, }, { id: 4, value: "햄버거", votes: 4, }, ], 선택지를 렌더링할 option-selector에 위 정보를 넘겨줍시다. 결과를 렌더링할 vote-result-viewer에도 넘겨줍니다. 투표를 했..

프레임워크+라이브러리/Vue 2021. 12. 12. 22:53

(깊게 파고들면 기초라 할 수 있을지 모르겠지만 할튼 사용법으로는 기초에 해당할 수 있는 리스트 렌더링 사용법) 점심 메뉴를 고르기 위한 선택지를 만들어봅시다. 전달받은 메뉴 선택지는 아래와 같습니다. opts: ["국밥", "햄버거", "돈가스", "자장면"] 우선 데이터가 아래와 같이 들어온다고 치고, data() { return { opts: ["국밥", "햄버거", "돈가스", "자장면"], }; }, 컴포넌트 이름은 option-selector 라고 하겠습니다. name: "option-selector" 스크립트 영역은 그럼 이렇게 되겠죠. 이제 컴포넌트의 템플릿을 작성해봅시다. 우선 root 태그 하나 만들어주고,, 이 form-group 이라는 div 태그안에 opts array 정보를 담은..

프레임워크+라이브러리/Vue 2021. 12. 12. 18:32

면접 볼때면 어느 회사든 꼭 이 질문을 던집니다. "저희 회사에 대해 더 궁금하신 점 있으신가요?" 경력직이면 모를까, 신입이라면 뭘 물어봐야 되는지 모르는 경우가 많습니다. (내가 뭘 아는지도 모르고 뭘 모르는지도 모르기 때문에) 저같은 경우도, '개발자 몇명인가요? 시니어와 주니어의 비율은 어느정도인가요?' 정도만 떠올랐던 것 같습니다. 나중에 가서야, 아! 그때 이런거 질문해볼걸... 이라는 생각이 들었었는데 누군가에게나마 도움이 되길 바라며 생각나는대로 간단하게 정리해봅니다. 1. 최근에 해결한 이슈, 지금 해결하려 하는 이슈, 그리고 앞으로 해결해야 하는 이슈 개발팀은 해결해야할 일이 끊임없이 쌓입니다. 레거시 처리하랴, 새로운 기능 개발하랴, CS 대응하랴, 채용하랴, 이거하랴 저거하랴... ..

나의 기록/낙서장 2021. 12. 2. 02:58

이 글에서는 node의 stream 모듈 사용법과 예시를 담았습니다. 목차 - Stream 간단 설명 - pipe 메서드 - Stream 종류 - Readable + Writable - dummy 예시 - 좀 더 실질적인 예시 - Transform - 예시 stream 간단 설명 stream을 한 문장으로 설명하라면, 저는 아래와 같이 정의할 것 같습니다. 데이터를 정해진 흐름대로 읽고, 쓰고, 주고받기 위해 인터페이스 역할을 하는 추상화된 객체 Node 공식 문서는 stream의 역할에 대해 아래와 같이 설명하고 있습니다. They are a way to handle reading/writing files, network communications, or any kind of end-to-end inf..

언어/Javascript + Typescript 2021. 11. 28. 23:19

Jest 테스트코드의 소중함을 절실하게 느끼는 요즘... 그만큼 테스트코드 짜는 일도 많아졌습니다. 테스트코드를 작성하면서 다양한 상황을 마주하는데요, 그중 처음 만났을때 가장 당혹스러운 경우는 바로 import해서 쓰고 있는 함수를 mock하는 법입니다. (그러니까... 테스트하고자 하는 함수가 다른 모듈에서 불러와 사용하고 있는 함수) 거두절미하고 바로 예시를 봅시다. 여기 외부 세계 서버와 소통하는 module.js 파일 내의 getByCallExternalApi 함수가 있습니다. 그리고 myGet.js 파일 내의 get 이라는 함수가 해당 함수를 불러와 사용하고 있는 상황입니다. // module.js const { callExternalApi } = require('./api'); const g..

언어/Javascript + Typescript 2021. 11. 20. 02:50

개요 제가 요즘 회사에서 작업하는 코드가 있는데, 이게 현재 redis 기반의 pub/sub 패턴을 사용하고 있습니다. 애초에 이미 production에서 잘 동작하는 코드니까(양심 😂) '아 뭐 이런거구나' 하고 있었는데... 최근 이걸 cloud run으로 옮기네, queue에 들어가기 전에 인터셉트해서 처리하네, 서버리스로 하면 대기시간이 짧아지네, 이런 논의들이 오고가게 되는데... 아 이거 대충 넘겼다간 뭔소린지 하나도 모르겠구나 싶어서 공부하고 정리하려 합니다. pub/sub 간단 요약 publish/subscribe의 줄임말이며, 비동기식 메세징 패턴입니다. publisher가 연산해야 할 일(task)를 발행(publish)하면 그 task의 범주를 구독(subscribe)한 수신자가 받아..

소프트웨어/인프라 2021. 10. 25. 00:29

오늘의 차례 1. 테스트용 EC2 서버 생성 2. 테스트용 EC2 위 redash 환경 구성 3. 기존 데이터베이스 백업 및 RDS로 이전 (+ PostgreSQL 버젼 업그레이드) * 4. ElastiCache 생성 및 연동 5. ECS Cluster 생성 6. docker-compose를 기반으로 Task-definitions 작성 7. NLB 적용 8. CORS 처리 9. 도메인 적용 * ElastiCache보다 docker로 redis 띄우는 게 더 경제적이기 때문에 패스하게 되었습니다. 5. ECS Cluster 생성 클러스터를 생성하는 것 자체는 매우 간단합니다. AWS에서 ECS를 검색하면 바로 Elastic Container Service가 뜹니다. 저희는 Fargate 기반의 서비스를 띄..

소프트웨어/인프라 2021. 10. 4. 21:28