티스토리

Daily Dev.

검색하기

블로그 홈

Daily Dev.

dailydevelop.tistory.com/m

Juhyuck 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

23, 23주차 22~23주차 이번에도 두 주 간 프론트엔드와 백엔드 몇명이 모여 클론 프로젝트를 진행했다. 클론 프로젝트라고 해서 서비스 되고 있는 것을 완전히 따라하는 것은 아니지만 거의 비슷하게 구현하는 것을 목표로... 1. ChapGPT(짭GPT) ChatGPT 다른조는 유투브, 블라인드, 익스피디아 등 여러 사이트를 클론했고 우리는 ChatGPT를 클론하기로 했다. 이름하야 ChapGPT(짭GPT). ㅎㅎ 간단하게 생긴 투박한 공대감성 너낌의 ChatGPT도 알고보면 자잘한 기능이 많다. 지금와서 100% 똑같게 구현하려면 해야할 일이 한두가지가 아니지만 기획 당시에는 별거 없겠지 했던 것도 사실이다. (사실 쉬워보여서 제안했고, 다른 사이트보다는 거의 완성도있고 대부분의 기능을 구현한 것은 사실이지만, 쉬운.. 공감수 0 댓글수 0 2023. 6. 8.
Dockerization [3] - Synology NAS에 docker로 웹페이지 배포하기 docker이미지를 만들었으니 다양한 환경에 배포해서 docker의 편리함을 누려보자는 차원으로, 이번에는 집에서 놀고 있는 Synology NAS에 docker로 API 서버를 올려봤다. Synology NAS는 여러 기능을 제공하는데, 그 자체로 리눅스 웹서버, 웹스토리지 등 다양한 방식으로 활용이 가능한 장점이 있다. 사실 다른 NAS보다 비싼 가격을 가진 이유를 생각하면 그런 편리한 기능들이 있기 때문이 아닐까 싶다. 우선 내가 진행한 환경은, 모델: DS220+, DSM: 7.1.1 이다. 1. Synology NAS에서 패키지 설치 패키지 센터에서 Docker와 Web Station을 설치하고 Docker 이미지 파일을 NAS에 넣어주면 준비는 완료되는데, 2. Docker 이미지 파일 넣기 .. 공감수 0 댓글수 0 2023. 6. 6.
Dockerization [2] - awsebcli로 deploy할 때 알아야 할 세 가지 이번에는 awsebcli 를 통해서 배포해봤다. 사실 압축파일을 올리는것과 다른 것이 없지만 몇가지 차이가 있어서 잠시 삽질한 것을 기록한다. 앞의 글에서 Dockerfile과 .dockerignore를 만들어서 프로젝트 폴더에 갖고 있다고 하면, eb init 을 통해 AWS EB에 연결하고, eb deploy 를 통해 배포할 수 있다. 이때 Dockerfile이 있으면 Docker환경인걸 식별하고 물어보니 따라가면된다. 이때, 1. git commit 한 것만 deploy awsebcli를 이용해서 배포할 때 잠깐잠깐 수정을 했으나 배포에서 변화가 없어서 찾아보니, git으로 관리할 때, commit한 것만 배포에 반영된다고 한다. 해결은 아래 2번과 한번에 할 수 있어서 우선 다음 문제를 보면, 2.. 공감수 0 댓글수 0 2023. 6. 3.
23.05.27. SSE(Server-Sent-Event) 구현해보기 ChatGPT 사이트를 클론 코딩하기로 했을 때 가장 궁금한 건 두가지였다. 1. node.js환경에서 openAI API연결하는 것 (두 글에 걸쳐 구현 완료 했다. [0], [1]) 2. 실제 타이핑 치듯 글자가 나오는 인터페이스 2.는 어떻게 구현하나 했더니, 우선 openAI API에서 stream 옵션을 true로 해서 조각내어 받고, SSE(Server-Sent-Event)라는 기능으로 구현하는 것이었다. 처음엔 소켓으로 하는가 싶었는데, 그것보다 간단하고, 일방향으로 전송하는 방식의 기능으로 쉽게 구현할 수 있었다. 1. 서버 서버에서는 아래와 같이 헤더에 text/event-stream이라는 content-type으로 설정하고, cache는 없게 설정해주고, 데이터를 setInterval을.. 공감수 0 댓글수 0 2023. 5. 27.
23, 21주차 20~21주차 두 주간 프론트엔드와 백엔드 몇명이 모여 미니 프로젝트를 진행했다. 간단한 웹사이트를 만드는 것으로 기획하고, 컨텐츠는 "이어쓰는 동화". 기본적인 CRUD를 구현하는 많은 예제에서 사용하는 게시판, 블로그와 동일한 형식이라 새로운 건 없지만, 그간 배운것을 실제 배포하고, FE와 같이 협업해본다는 점에서 새롭고 많은 것을 배울 수 있었다. 1. github 사용 팀원과 함께 쓰는 github은 처음이었고, 의외로 별다른 문제 없이 쉽게 흘러갔다. 다만 사용하며 아쉬운 것은 main 브랜치에 서로 푸시를 한 점이다. 서로 어떤 부분을 작성하는지에 대한 논의가 잘 되어서 다행이었으나, 꼬이기 시작하면 한도 끝도 없었을 듯. 그래도 API 명세서가 자세했고, 역할분담이 명확했기 때문에 문제가 .. 공감수 0 댓글수 0 2023. 5. 27.
23.05.27. openAI API + node.js, express로 연결해보기[1] 2023.05.27 - [daily] - 23.05.26. openAI API + node.js, express로 연결해보기[0] 23.05.26. openAI API + node.js, express로 연결해보기[0] openAI에서 제공하는 API를 연결하는 것은 openAI에서 제공하는 기술문서에 친절하게 설명되어 있어서 파이썬으로는 기술문서를 따라 쉽게 연결했었는데 node.js로는 어떻게 하는지 기술문서를 보며 dailydevelop.tistory.com 지난번에 이어, 대화를 이어가려면 앞의 정보를 openAI API에 같이 보내야한다. 웹이나 앱의 서비스라면 사용자별로 데이터베이스에 대화를 저장해야겠지만, 간단하게 구현해보기 위해 json으로 저장하는 방식으로 대강 구현해 봤다. json으로.. 공감수 0 댓글수 0 2023. 5. 27.
23.05.26. openAI API + node.js, express로 연결해보기[0] openAI에서 제공하는 API를 연결하는 것은 openAI에서 제공하는 기술문서에 친절하게 설명되어 있어서 파이썬으로는 기술문서를 따라 쉽게 연결했었는데 node.js로는 어떻게 하는지 기술문서를 보며 따라해봤다. 1. 라이브러리 설치 openai 기술문서를 보면, node.js에서 어떻게 구현하는지 예제코드가 친절하게 나와있다. 코드 예제 우측 상단에 curl, node.js, python 세가지 예시를 제공해주고 있다. requir('openai')를 보니, 패키지를 설치해야 하는 것 같아서 찾아보니, 여기에서 openai npm 라이브러리를 확인할 수 있다. 그리고, API키는 .env 파일로 저장하는것이 안전하니.. dotenv도 설치해주고, 편리한 express도 같이 설치해주자. npm i .. 공감수 0 댓글수 1 2023. 5. 27.
Swagger swagger... 실제로 스웩이 넘치는 ui로 프론트와 백 사이를 멋지게 연결해주지만, 이게 맞나 싶은 주석 달기... autogen 라이브러리도 있는것 같고, ORM과 연결해서 모두 자동화가 될 것 같은데 싶다. 여튼, 설치하고, npm i -D swagger-jsdoc swagger-ui-express swagger ui를 사용하기 위해 swagger.js파일을 만들어 옵션을 적고, app.js에 연결해준다음 // ./swagger/swagger.js const swaggerJsdoc = require('swagger-jsdoc'); const swaggerUi = require('swagger-ui-express'); // Swagger 문서 정의 const swaggerOptions = { sw.. 공감수 0 댓글수 0 2023. 5. 16.
Dockerization [1] - AWS EB에 docker 배포하기 이제 Elastic Beanstalk에 올려서 배포하는걸 해보자. AWS Elastic Beanstalk AWS에서 EB라고 검색하면 나온다. 설명대로 쉽게 배포할 수 있긴 한데, 늘 그렇듯 어떻게 쓰는지에 대한 자료가... 어딘가 있겠으나 내눈엔 잘 안보인다. 위 화면에서 애플리케이션 생성을 누르면, 프리티어만 체크되면 된다. 플랫폼은 Docker로, 플랫폼 브랜치는 Docker running on 64bit Amazon Linux 2로 선택했다. 다른 옵션은 ECS running on 64bit Amazon Linux 2인데, 잘 모르겠기도 하고, 검색해보면 aws에서 컨테이너를 관리하고 배포하는 서비스 같아 보인다. 어쨋든 나는 바로 docker를 올리려고 생각했으니 이건 아니다. 다른 선택지는 헛.. 공감수 0 댓글수 1 2023. 5. 15.
Dockerization [0] - docker build 하기 Node.js 환경에서 만든 API를 Docker 이미지로 만들어 배포하기를 해보고 있다. 우선 Docker Desktop 설치에서부터 문제 해결을 하고, Docker image를 만들고 실행하면서 생긴 문제를 기록해본다. "Cannot enable Hyper-V service" 문제. 1. AMD에 MSI Bios에서 AMD IOMMU 옵션을 찾아서 enable, SVM 옵션을 찾아서 enable로 바꿔주고, 2. 윈도우 시작메뉴 우클릭 > 앱 및 기능 > 프로그램 및 기능 > Windows 기능 켜기/끄기 > Hyper-V 체크, 가상머신 플랫폼 체크 두가지 적용하고나니 Hyper-V 문제가 해결되었다. 그 다음은, "WSL 2 installation" 에러 이건 팝업에 있는 해결 방법 링크에서 알려.. 공감수 0 댓글수 0 2023. 5. 15.
PWM 신호로 Fan 제어해 압력값 세팅하기 보통 PID제어를 설명하는 글에서 설명할 때 아래와 같은 그림을 많이 사용한다. 지금 개발 중인 PWM 신호로 Fan을 제어하고 원하는 pressure값에 도달하는 환경을 적용하려면 위 그림에서 Plant, Process에서, PWM 신호값으로 처리해주면 된다. 도식화 해보면, 위와 같이, PWM duty cycle을 제어하는 값으로 하고, Fan에 입력하고, 측정되는 압력값을 세팅한 압력값과의 차이를 바탕으로 PID 제어하는 로직을 구현했다. import time from time import sleep import math import random import matplotlib.pyplot as plt current_value = 10.0 def get_current_value(): global c.. 공감수 0 댓글수 0 2023. 5. 15.
23, 19주차 18~19주차 두 주간 node.js 백엔드 API를 만들기 위해 필요한 지식을 쌓고, 강의를 들으며 과제를 하는 시간을 보냈다. 과정 중에서 배우고 경험한 내용을 몇가지 정리해 본다면... 1. ORM ORM(Object-Relational Mapper)과 ODM(Object-Document Mapper)의 차이에 대해서는 이 글에서 정리했다. 둘 다 데이터베이스를 더 쉽게 사용하기 위한 프로그래밍 방법인데, 이번엔 ORM을 위해 Sequelize를 사용했고, ODM을 위해서 Mongoose를 사용했다. ORM이 없다면, DB에서 원하는 값을 얻기 위해, SQL문을 직접 작성해서 보내야 하는데, Document 방식의 NoSQL에서는 그나마 가능할 수 있겠다. 그러나 관계형 데이터베이스에서는 테이블을 .. 공감수 0 댓글수 0 2023. 5. 11.
3-Tier, 3-Layered Architecture n-Tier / n-Layered Architecture 3-티어 아키텍처에서는 애플리케이션을 데이터베이스 티어(또는 데이터 티어), 서버 애플리케이션 티어(또는 애플리케이션 티어), 클라이언트 티어로 나눈다. 각 티어에서도 여러개의 레이어로 나눌 수 있는데 이것을 계층형 아키텍처(Layered Architecture)라고도 부른다. Tier는 여러 개의 Layer로 구성할 수 있는데.. 그 둘을 구분하는 가장 큰 차이는 물리적으로 나누어진 계층인지 논리적으로만 나눠진 계층인지의 차이로 보면 된다. (n-Tier와 n-layered Architecture의 차이에 대한 글 참조) 한글로 Tier도 계층, Layered도 계층으로 번역한 글이 많아서 둘을 대충 같은 것으로 보고 작성한 글이 많아서 정확하게.. 공감수 0 댓글수 0 2023. 5. 9.
23.05.06. Refresh token, Access token Refresh 토큰과 Access 토큰은 사실 익숙한 내용이다. 예전 dropbox API를 사용하고 있을 때, 언제부로 Oauth2.0으로 바뀌니 준비하라는 메일을 받았고, 그 내용이 기존 발급했던 auth key를 더이상 쓸 수 없고, access token과 refresh token을 사용하는 방식으로 바뀐다고 해서 취미로 하던 프로젝트에서 그에 맞게 코드를 수정했던 기억. 그 당시엔 refresh token의 expire기간이 길고, access 는 4시간인가로 짧았고, refresh는 월단위로 길었다. 사실 중요한 서비스는 아니었고, 깊게 알진 못해서 refresh token의 만료 시에 어떻게 되는지는 확실히 알아보지 못하고 시간이 지나도 refresh token이 갱신되며 문제가 없었던 것으.. 공감수 0 댓글수 0 2023. 5. 6.
23.05.01. Sequelize findOne에서, 테이블 조인과 이름 변경 Issue 위 ERD에서, Posts 에서..특정 postId를 가지는 데이터를 조회할 때, 필드로 postId, UserId, title, content, nickname을 찾고 싶다면 어떻게 해야할까? 우선 두 테이블을 userId 컬럼이 같은 기준으로 테이블을 조인하고, 각 데이터를 찾으면 될 것 같은데, Sequelize의 findOne 메서드를 사용해서 어떻게 구현해야 하는지가 문제였다. Try&Error 우선 처음 시도는 테이블 조인부터 해봤다. const post = await Posts.findOne({ attributes: [ "postId", "UserId", "title", "content", "createdAt", "updatedAt", ], include: [{ model: Use.. 공감수 0 댓글수 0 2023. 5. 1.
23, 17주차 17주차 이번주는 node.js를 이용해서 백엔드 서버를 구현해 보는 입문 주차였다. node.js 입문주차에서는 동기/비동기, 에러 핸들링 등의 자바스크립트 문법과, 서버를 구현하고 배포하기 위한 패키지 관리, DB연결, REST API의 개념, github 사용, 도메인 연결까지 간단하게 따라 하며 학습했다. 1. 동기와 비동기 (Synchronous / Asynchronous) 공부하면서 단어가 직관적이진 않다고 생각했다. Synchronous는 동시에 일어나거나 시간이 연동된다는 의미가 더 먼저 떠오르기 때문인데, 자바스크립트에서 동기와 비동기의 개념은 연속성에 대한 이야기로 이해하는 것이 더 좋다. Synchronous는 연속적으로 실행되는 것이고, Asynchronous는 연속적이지 않게 코드.. 공감수 0 댓글수 0 2023. 5. 1.
23.04.29. express routes index에서의 export 이름 설정 Issue Express를 미들웨어로 사용하던 중, routes 폴더에서 index.js를 사용기 위해 아래와 같이 코드를 만들었다. const express = require("express") const router = express.Router() const usersRouter = require("./users") const postsRouter = require("./posts") const commentsRouter = require("./comments") router.get("/", async (req, res) => { res.send("") }) module.exports = { router, usersRouter, postsRouter, commentsRouter } 그리고선, app.. 공감수 0 댓글수 0 2023. 4. 29.
23.04.29. Sequelize와 Mongoose의 차이? Mongoose와 Sequelize는 모두 JavaScript로 작성된 ORM(Object-Relational Mapping) 라이브러리로서, 각각 MongoDB와 SQL 데이터베이스를 다루는 데 사용된다. 그러나 둘은 사용하는 데이터베이스 유형과 사용 방식에 차이가 있다. 1. 데이터베이스 유형(이름만 봐도 당연하지만...) Mongoose는 NoSQL 데이터베이스 중 하나인 MongoDB를 다루는 데 사용한다. MongoDB는 document-oriented 데이터베이스로, JSON과 유사한 데이터 모델을 사용한다. 반면에 Sequelize는 SQL 데이터베이스를 다루는 데 사용한다. SQL 데이터베이스는 테이블과 열로 구성된 데이터 모델을 사용한다. 2. 스키마 정의 방식 Mongoose는 스키마를.. 공감수 0 댓글수 0 2023. 4. 29.
23.04.28. sequelize로 mySQL migration하기 mongoose를 이용해서 mongoDB를 쓸 때 보다, 초기에 설정할 것이 많다. cli로 모델을 설정하는건 익숙치 않다보니, 요약해서 정리해봤다. 환경은 mode.js 에서 미들웨어로 express를 쓰고, ORM으로 sequelize를, DB는 mySQL을 사용하는 경우이다. 로그인 기능을 구현하기 위해 JWT를 사용하고, 쿠키에 저장하는 방식을 쓰기 위해 cookie-parser도 설치해야 한다. # 라이브러리 설치 npm install express sequelize mysql2 cookie-parser jsonwebtoken # sequelize-cli, nodemon 라이브러리를 DevDependency로 설치합니다. # 서비스에 쓰는 툴이 아니라 개발에만 사용하기 때문에, -D 옵션으로 D.. 공감수 0 댓글수 0 2023. 4. 29.
23.04.29. ORM과 ODM의 같은점과 다른점 node.js 강의를 듣고, 과제를 구현하면서 MongoDB ↔ mongoose와 MySQL ↔ sequelize를 사용해봤다. mongoose는 noSQL인 MongoDB를 편리하게 사용할 수 있게 해주는 ODM이고, sequelize는 MySQL과 같은 SQL을 편리...(?)하게 사용할 수 있게 해주는 ORM이다. 둘의 차이는 관계형 데이터베이스이냐, document 또는 noSQL 방식의 데이터베이스냐의 차이인데, 조금 더 공부하는 차원에서 정리해 보면, Database icons created by Smashicons - Flaticon ORM과 ODM은 모두 데이터베이스와 상호작용하는 프로그래밍 도구이지만, ORM은 관계형 데이터베이스와 작동하고 ODM은 NoSQL 데이터베이스와 작동한다. 두.. 공감수 0 댓글수 0 2023. 4. 29.
23.04.29. Foreign Key Convention? 사소한 궁금증이지만, 보통은 어떤식으로 하는게 좋을지 궁금해서 찾아봤다. 컨벤션, 관행? 이라는건 결국 개발자스러워지기위한 첫 단추라고 생각한다. 서로 읽으며 불편하지 않게 만드는 것. 그것이 하찮지 않다고 생각하는게 중요하다. Sequelize에서 기본적으로는 모델과 관계 설정에 사용되는 foreign key는 해당 모델 이름과 같은 단어를 포함하여 다양한 방식으로 이름짓는다. 예를 들어, User 모델과 Post 모델 간의 일대다 관계에서, User 모델의 id가 Post 모델에서 foreign key로 사용되는 경우, Sequelize에서는 해당 foreign key를 "UserId"로 작성하는 것이 일반적이다. 다른 방법으로는 FK(foreign key)를 앞에 붙이는 경우도 있다. 예를 들어, .. 공감수 0 댓글수 0 2023. 4. 29.
23.04.24. node.js, express, mongoose, mongoDB 관계, 구조 본격적으로 백엔드 기초를 공부하면서 프레임워크나 라이브러리를 한둘 사용하기 시작했다. Node.js: JavaScript 런타임 환경으로, 서버 사이드 애플리케이션 개발에 사용 Express: Node.js를 기반으로 하는 웹 프레임워크로, HTTP 요청과 응답을 처리하고, 라우팅, 미들웨어 등을 제공 Mongoose: MongoDB를 조작하기 위한 Node.js의 객체 모델링 라이브러리로, MongoDB에 데이터를 추가, 수정, 삭제 및 검색하는데 사용 MongoDB: 분산형 NoSQL 데이터베이스로, JSON 형식의 데이터를 저장하며, 대용량 데이터 처리 및 확장성이 뛰어납니다. 정리하면, Node.js는 서버 애플리케이션을 작성하는 데 사용되며, Express는 Node.js 애플리케이션의 웹 요청.. 공감수 0 댓글수 0 2023. 4. 25.
23.04.19. programmers 코딩테스트 문제 풀기[6] 최대공약수와 최소공배수 문제 문제 설명 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. 제한 사항 두 수는 1이상 1000000이하의 자연수입니다. 입출력 예 n, m, return 3, 12, [3, 12] 2, 5, [1, 10] 최대공약수와 최소공배수를 반환하는 함수이다. 최대공약수는 두 수중에 작은수부터 1씩 감소시키면서 둘다 나누어떨어지는 가장 첫번째 수를 찾는 방식을 택했다. 최소공배수는 두 수를 곱한 값에서 최대공약수를 나눠주면 된다... 공감수 0 댓글수 0 2023. 4. 20.
23, 16주차 16주차 이번주는... 코딩테스트 문제를 풀었다. 28시간정도 40문제 가량. 가장 어려운 문제라고 해도 프로그래머스 사이트에서는 레벨 1정도인 문제였고 재미있게 풀었으나 조금은 아쉬운 순간이다. 천천히 레벨을 높여가면서 해결해봐야겠다. 코딩테스트 문제의 기본을 풀어가면서, 자바스크립트 문법과 실행 컨텍스트에 대해서 조금 더 잘 이해할 수 있었던 것이 이번주의 수확이었다. 가장 기본이 되는 객체, 배열, 문자열, 함수 등을 활용해서 머리로 생각한 논리를 구현하는 연습을 했다. 특히 보기만해도 읽기 귀찮아 했던 재귀함수라던가, map, filter, reduce 메서드 사용 방법에 대해서 조금은 체득할 수 있었다. 각 메서드를 많이 써보고 나니, 일종의 python의 list나 dictionary comp.. 공감수 0 댓글수 0 2023. 4. 20.
23.04.17. programmers 코딩테스트 문제 풀기[5] 소수만들기 문제 문제 설명 주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums가 매개변수로 주어질 때, nums에 있는 숫자들 중 서로 다른 3개를 골라 더했을 때 소수가 되는 경우의 개수를 return 하도록 solution 함수를 완성해주세요. 제한사항 nums에 들어있는 숫자의 개수는 3개 이상 50개 이하입니다. nums의 각 원소는 1 이상 1,000 이하의 자연수이며, 중복된 숫자가 들어있지 않습니다. 입출력 예 nums, result [1,2,3,4], 1 [1,2,7,6,4], 4 입출력 예 설명 입출력 예 #1 [1,2,4]를 이용해서 7을 만들 수 있습니다. 입출력 예 #2 [1,2,4]를 이용해서 7을 만들 수 있습니다... 공감수 0 댓글수 0 2023. 4. 20.
23.04.17. programmers 코딩테스트 문제 풀기[4] 두 개 뽑아서 더하기 문제 정수 배열 numbers가 주어질 때, numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성하는 문제다. 제한사항으로는 numbers의 길이는 2 이상 100 이하이고, numbers의 모든 수는 0 이상 100 이하이다. 입출력 예 numbers, result [2,1,3,4,1], [2,3,4,5,6,7] 입출력 예 설명 2 = 1 + 1 (1이 numbers에 두 개) 3 = 2 + 1 4 = 1 + 3 5 = 1 + 4 = 2 + 3 6 = 2 + 4 7 = 3 + 4 따라서 [2,3,4,5,6,7] 을 return 우선 문제와 제한사항, 입출력 예시를 살펴.. 공감수 0 댓글수 0 2023. 4. 20.
23.04.17. for...in, for...of Issue 알고리즘 문제를 풀다 보니, for문을 돌리는 일이 종종 발생하는데, array에 대해 for...in문을 쓸 때 index라고 생각한 것이, string이라 더하고 뺄 때 Number()로 감싸주거나, parseInt를 해야 해서 번거롭다. Try&Error 파이썬만 알고 있다가 자바스크립트를 배우다 보니, 익숙해서 for...in 문과 for...of문이 손에 익은데, for...in을 쓰면, string이나 array는 index를, object는 key값을 iterator로 사용할 수 있다. 근데, array의 index를 다루기 위해서 for...in을 쓰면 귀찮은 일이 많이 발생하는데, 이때 반복자로 사용되는 것이 string 타입이라서 그렇다. 배열의 index는 number인데 .. 공감수 0 댓글수 0 2023. 4. 17.
23.04.15. programmers 코딩테스트 문제 풀기[3] 이번문제는 공통 지갑 만들기. 간단해 보이지만 약간 꼬아져 있다. 점점 현실에서 발생할만한 문제가 나오니 더 재밌다. 예를들어 pdf를 cropping하는 기능을 만든다고 생각해보자. 여러 사이즈의 pdf가 있는데, 내용물이 다 들어오는 어떤 특정 크기를 찾아서 cropping을 실행하고 싶을 때, 유사한 계산이 필요할 수 있겠다. 이전 문제는 너무 자세히 적으니 시간이 많이 걸려서... 머리로 조금 더 생각하면서 써봐야겠다. 우선 입력 양식은 [ [ 60, 50 ], [ 30, 70 ], [ 60, 30 ], [ 80, 40 ] ] => 4000 이런 식. 생각해보자. 우선 [w, h]로 입력값이 주어져있다. w들과 h의 max을 찾아 곱하면 1차 가장 작은 면적이 될 것. 그렇지만 가로세로를 바꿀 수.. 공감수 0 댓글수 0 2023. 4. 15.
23.04.15. programmers 코딩테스트 문제 풀기[2] 슬슬 어려워 지는 것 같아서 실시간 문제풀기 기록을 가감없이 남겨보려고 한다. 문제: 3진법 뒤집기 [문제 설명] 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. [제한사항] n은 1 이상 100,000,000 이하인 자연수입니다. 일단 자연수 n이 매개변수로 주어지는 함수인데, 3진법에서 앞뒤로 뒤집은 후 이를 10진법으로 표현한 수를 return하는 것이니까, 3진법으로 만들어야 한다. 3진법으로 만드는 방법은 분명 함수가 있을 텐데, 아니면 3진법을 함수로 구현해도 될듯. 3진법은 0,1,2, 10, 11, 12, 20로 올라가니까, 3으로 얼마나 나눠지는지를 계산하면 될 것 같다.. 공감수 0 댓글수 0 2023. 4. 15.
23.04.15. programmers 코딩테스트 문제 풀기[1] 또 몇가지 풀다가 막혔지만 풀긴 푼 문제. [문제 설명] 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. [제한사항] 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 쉽다고 생각했다. 실제로 구현 자체는.. 공감수 0 댓글수 1 2023. 4. 15.

728x90

문의안내

티스토리
로그인
고객센터

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