될때까지

🎁 개발 입문 계기 및 개발자가 되고 싶은 이유? 개발 입문계기를 누가 묻는다면 나는 항상 성장에 대한 목마름과 재미라고 말했다. 전에 다니던 회사는 비교적 안정적이였다. 하지만 똑같은 자리에 멈춰 아무 발전이 없는 내 자신이 싫었기에 회사를 다니면서 계속 폴댄스, 포토샵,헬스, 엑셀, 중국어, 영어를 배우러 다녔다. 그당시 블로그도 운영하고 있었는데 블로그 이웃이 개발을 공부한다는 이야기를 들었다. 개발을 아무나 할수있냐 물어봤는데 누구나 배울 수 있고 재밌다는 말에 호기심이 생겼다. 웹개발, 앱개발 중에 나는 앱 개발이 궁금했고 학원을 검색하다가 '넵플러스'를 알게되었다. 그렇게 정말 단순한 호기심으로 2달간 주말반을 다니게 되었고, 그렇게 나의 첫 발을 디디게 되었다. 작년 3월부터 코틀린, 자바,..

🐳 Docker 도커란, 컨테이너를 사용해 작업한 애플리케이션을 환경에 구애받지않고 빠르게 배포 및 관리할 수 있도록 도와주는 오픈소스 가상화 플랫폼이다. 그럼 이 도커를 쓰는 이유는 뭘까? 프로그램을 설치하려면 서버, 패키지, 운영체제 등에 맞는 버전을 설치해야하는데 이게 참 복잡하고 귀찮다. 하지만 도커를 이용해서 프로그램을 설치하면 비교적 쉽게 뚝딱 간단하게 진행할 수 있다. 🐸가상화 가상화란 하나의 물리적 서버에서 여러 운영체제와 애플리케이션을 실행할 수 있도록 하는 소프트웨어 기술을 말한다. 가상화기술이 나오기 전에는 1대의 서버를 하나의 용도로만 사용하고 남은 공간은 그대로 방치했었다. 그러다보니 프로그램 운영은 안정적이지만 남는 공간이 제대로 활용안되고 놀고있기 때문에 비효율적이였다. 1. ..

Docker란? .Dockerfile 만들기 # 어떤 이미지로부터 새로운 이미지를 생성할건가? FROM node:16.16.0 # 워킹 디렉토리 설정 WORKDIR /usr/src/app # Docker를 실행할때 패키지에 대한 정보를 이미지로 저장한다 COPY package*.json ./ # npm install 명령어로 디펜던시를 설치하기 RUN npm install # 현재 경로에 있는 모든 파일을 이미지로 저장하겠다. COPY . . # PORT 연결하기 EXPOSE 4000 # 컨테이너에서 실행될 명령어 CMD ["npm", "start"] FROM node:16.16.0 어떤 이미지를 사용해서 빌드할것인지 명시 -> node:16.16.0 이미지를 base image로 사용하겠다. WORKD..

pm2란? process manager의 약어로 node.js로 만들어진 프로그램의 프로세스 관리를 편하게 할 수 있도록 도와주는 패키지다. node.js로 기능구현을 마친 뒤 해당 프로젝트를 실제 서비스로 운영하려고 할 때 데몬 프로세스를 사용해 서버를 구동시킬 수 있는데 nohup, forever, pm2 등 여러 패키지가 존재한다. 이 중 점유율이 높은 pm2를 사용해보자. pm2 사용하기 1. pm2를 설치하기 (-g옵션을 사용해서 전역 설치를 해야지 실행명령어로 사용할 수 있다.) npm install pm2 -g 2. pm2 실행하기 (서버 소스코드가 작성되어있는 파일을 실행시킨다) pm2 start 3. 실행중인 리스트 확인하기 pm2 list 4. pm2 정지하기 pm2 stop 5. ..

🌸 회고 위코드에서 2달간 python & django를 배웠다. 첫 달은 파이썬 기초 문법과 전반적인 CS지식 및 개발에 필요한 개념들을 배웠다. 그리고 두번째달부터는 2주동안 팀 프로젝트를 진행했고, 그렇게 총 2번의 프로젝트를 경험해봤다. 사실상 자라홈, 에어비앤비를 모티브로 해서 초기단계부터 배포까지 직접 개발하긴 했지만.. 뭐랄까 뭔가 비어있는 느낌이였다. 기한 내에 맡은 기능을 구현하기에 급급해서 '제대로 모른다'는 생각이 들었다. 당연히 그럴 수 밖에 없지 어떻게 2주만에 비전공자가 어떻게 프로젝트를 진행하고 그렇게 만든 프로젝트로 취직을 떡~하니 하겠어. 4,5시간 자면서 절대적인 시간투자를 하긴 했지만 시간이 '더' 필요했다. 이제까지 배우고 써먹은 기술들을 정리하는 시간이 필요했다. 그..

데이터타입 if({}=={}){ console.log(1) }; 자바스크립트 엔진은 memory heap과 call stack으로 구성되어있다. 자바스크립트의 데이터 타입에는 2가지가 있다. 기본형 : boolean, null, undefined, number, bigint, string, symbol 참조형 : object, array, function, 정규표현식 등 기본형은 불변값, 참조형은 가변값이다. 여기서 불변과 가변의 기준은 "메모리 영역"과 관련이 있는데 해당 키워드에 대해선 추후 정리하도록 하자. 위의 코드에서 object는 가변형이라고 했다. -> 따라서 비교중인 두 object는 각각 다른 값을 가르키기 때문에 if안의 조건이 false가 되어 콘솔에 1이 찍히지 않는다. truthy..

2시간을 고생했지만.. 아래 자료를 참고해서 해결했다. 뿌듯..^_^ * 참고한 자료 https://stackoverflow.com/questions/45445862/swagger-ui-multiple-anonymous-objects-in-array

woooow access token을 적용하는 데 시간이 너무 오래 걸렸다^_^ 다음에 또 헤매지 않도록 정리하고 넘어가자. 일단 인증 정보를 추가하기 위해선 아래처럼 components를 만들고 그 안에 데이터를 넣어줘야한다. // apidocs/swagger.js const swaggerUi = require("swagger-ui-express"); const swaggerJsdoc = require("swagger-jsdoc"); const options = { swaggerDefinition: { openapi : "3.0.0", // 사용하고 있는 open api 버전 info : { // api에 필요한 정보들을 다루는 선택 필드 version : "1.0.0", // api버전 title :..

git? 코드의 진행내용 및 수정내역을 기록하고 관리할 수 있도록 도와주는 버전 관리 프로그램이다. 브랜치 생성, 이전 상태로 돌아가기, 삭제, 병합 등이 가능하지만 로컬 저장소를 사용하기 때문에 다른 개발자와 작업 공유가 불가능하다. git hub? git 저장소를 관리하는 클라우드 기반 호스팅 서비스다. 클라우드 기반이기 때문에 다른 사람과 코드 공유가 가능하고 한 프로젝트에 여러명이 참여해서 공동 작업도 가능하다. git flow? 브랜치를 분리함으로써 소스 코드 형상/이력 관리를 효율적으로 진행하며 협업 시 발생할 수 있는 문제점을 최소화할 수 있는 전략으로 5가지 종류의 브랜치가 존재한다. 항상 유지되는 메인 브랜치, 일정 기간 유지되는 보조 브랜치들이 있다. master : 제품으로 출시될 수..

지난주 금요일, 기업협업으로 나가있는 회사에서 팔로우, 팔로워 조회 기능을 구현해볼 수 있는 기회를 줬다. 이제까지 해왔던 개념이겠거니 하고 싶게 생각했는데, 집단지성을 이용했음에도 불구하고 풀지못했다. 하지만 사수님은 뚝딱뚝딱 쉽게 해결해서 보여주셨고 난 왜 이걸 못했을까 자책하며 멘탈이 많이 나간 주말이였다 안녕 내 멘탈... 그렇게 토요일은 공부할 기분이 아니라며 핑계대고 하루종일 뒹굴거렸다. ^^ 지친 멘탈을 회복하고 나니 어떻게 해당 데이터를 가져올 수 있었을까 궁금해졌고 나도 구현해보고 싶었다. 그래서 예제 테이블을 만들고 실습 하기 도전도전! 먼저 그 때의 상황이 전부 다는 기억안나지만 얼추 비슷하게 따라해보며 실습해보자. 상황은 아래와 같다. users 테이블의 속성으로 id, name, ..