초보 개발자

docker 이미지 만들기🐳 Dockerfile 이라는 파일을 만들면 docker image를 만들 수 있다. 간단한 flask 앱을 만든 후에 이를 이미지에 담아보자!! 👉 FROM 이란 Docker image를 생성할 때 기본으로 사용할 base image를 적는 부분이다. 👉 ADD src dst 호스트 머신에 있는 파일이나 폴더를, dst라는 위치에 저장한다. 이름이 같다면 dst에 .이라고 적어도 됨 근데 templates도 .로 하면 될까해서 해봤는데 안에 있는 내용들이 다 꺼내져 있었음 👉 RUN script 는 script를 실행한다 👉 CMD 는 생성된 docker image를 실행할 때 자동으로 실행되는 커맨드이다. 이 후 아래의 명령어를 입력하면 image가 하나 생성이 된다. doc..

전에 만들어둔 아파치 컨테이너의 터미널 버튼을 누르면 어떤 터미널이 하나 실행이되고 거기서 pwd라고 치면 현재 디렉토리가 나온다 이건 host에서 pwd를 한 것이 아니라 container안으로 들어가서 pwd라는 명령어를 수행한 것이다. 이걸 cmd에서도 똑같이 해보자 docker exec [OPTIONS] CONTAINER COMMAND [ARG...] 컨테이너 ws4를 대상으로 실행한 pwd명령어이다. 이렇게 하면 일회성에 지나지 않는다. 아까와 같이 container안의 터미널에 들어가서 실행하고 싶다면 아래와 같이 명령해주자 docker exec -it CONTAINER /bin/sh docker exec -it CONTAINER /bin/bash 접속이 잘 된것을 확인할 수 있다. bash ..

도커를 사용하지 않는다면 컴퓨터에 webserver를 설치하고 특정 폴더에 html파일을 넣어 놓은 뒤 특정 포트로 서버를 실행 시킨다면 브라우저에서 설정해 놓은 포트에 접근하면 그 웹서버와 파일에 접근하는 방식이었다. 도커를 이용하면 웹서버가 컨테이너에 설치가 된다. 그리고 그 컨테이너가 설치된 운영체제를 host라고 부른다. 즉 하나의 host에는 여러개의 container가 만들어 질 수 있다. 컨테이너와 호스트 모두 독립적인 실행환경이기에 독립적인 포트와 파일 시스템을 가지고 있다. 그림으로 나타내면 아래와 같다. 하지만 아까처럼 웹브라우저에서 80번 포트로 접근하면 과연 서버에 연결이 될까?? 그림에서 보이다 싶이 host의 80번 포트에는 아무것도 연결이 되어있지 않다. 그럼 어떻게 하면 될까..

docker hub 우리가 어떤 프로그램을 설치하려고할 때 app store에서 받을 것이다. 이처럼 도커에서는 docker hub에서 우리가 원하는 걸 다운로드하고 다운받은 것을 image라고 한다. 그리고 image를 실행하는 것을 container라고 한다. 그리고 한 image는 여러개의 container를 가질 수 있다. pull docker hub에서 image를 다운받는 행위를 pull이라고 한다. image를 실행시키는 행위를 run이라고 한다. run을 하게 되면 image가 컨테이너가 되고, 그 컨테이너가 실행되면서 컨터에 있는 프로그램이 실행이 된다. Explore Docker's Container Image Repository | Docker Hub Docker Hub hub.doc..

docker란 무엇이고 왜 사용할까!?🐳 내 컴퓨터에서 어떤 앱을 만들기 위해서, 운영체제에 여러 소프트웨어를 설치해야 한다. 예를들어 웹개발을 한다면 한 컴퓨터 내에 웹서버나 데이터베이스 등을 깔아야 한다. 그런데 해봐서 알겠지만 설치하는 것이 까다롭고, 그 과정 속에서 오류도 많이 일어난다. 그럼 이런 생각도 해볼 수 있다. 각 기능을 담당하는 컴퓨터를 하나씩 구해서 거기에 적당한 운영체제를 깔고 그 위에 웹서버, DB를 설치한 다음 네트워크로 통신하여 사용한다면 훨씬 좋아질 것이지만, 비용적인 측면에서 너무 비효율 적이다. 그럼 또 이렇게도 생각해볼 수 있을 것이다. 하나의 컴퓨터에 가상으로 컴퓨터를 만들고, 그 위에 운영체제를 설치한 후에 거기에 웹서버, db 등 설치하여 사용할 수 있다면 어떨까..

동기 비동기 💢 내가 생각한 동기 비동기는 차례대로 코드들을 읽다가(동기) 어떤 비동기적인 코드를 읽으면 '동시'에 동기코드를 처리해나가면서 비동기 코드또한 처리를 해나간다고 생각해왔다. (옆 화구에 백숙(비동기)'!올려놓고!' 라면(동기) 끓이기 ) 근데 스레드가 하나(일하는 사람이 하나)라면 동시에 여러 일을 진행 시킬 수 없으니까. 이건 말이 안된다고 한다. 따라서 비동기는 '동시'에 같이 일을 진행시키는 것이 아니라 일단! 뒤로 미뤄두고 동기코드가 다 끝나면 그제서야 미뤄두었던 일들을 시키는 것이다. 생각해보면 동기 비동기로 나누는게 당연한 것이다. 왜냐하면 내부가 아닌 외부에서 정보를 받아오는데 받아올 때 까지 주구장창 기다린다면 그 다음 코드들로 넘어가지 않으니까말이다?? (근데 여기서 궁금한..

이번 팀과제에서는 NST를 사용해 만든 그림을 사이트에 올려서 다른 사람들과 공유할 수 있는 페이지를 만들어 보았습니다. 처음 Django ninja를 활용하여 REST API라는 것을 만들어 보았습니다. 사실 아직도 감이 잘 오지 않고 쓰는 방법을 잘 모르지만, 이 과제를 통해서 조금이나마 성장해 나가는 것에 만족감을 느꼈습니다. dajngo ninja는 ajax를 사용하여 api를 보내어 특정 동작을 수행하고 그 값의 결과에 따라서 메시지를 보여주거나, 화면을 이동시켜주는 역할로 사용하였습니다. 보통 프론트 라이브러리에서 api값에 따라 결과물을 보여준다고 하는데 django만으로 하려다보니 render가 되지 않는 문제가 있었고 어쩔 수 없이 화면을 이동시키는 방법을 사용하였습니다. NST란? 🔍 ..

자바스크립트 async와 await • 캡틴판교 (joshua1988.github.io) 자바스크립트 async와 await (중급) 자바스크립트 개발자를 위한 async, await 사용법 설명. 쉽게 알아보는 자바스크립트 async await 개념, 사용법, 예제 코드, 예외 처리 방법 joshua1988.github.io 위 블로그에 있는 내용을 보고 정리하였다. async await이란 js 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 기존의 비동기 처리방식인 콜백함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있도록 도와준다. 아래와 같은 코드가 있다 function logName() { var user = fetchUser('domain.com/users/1'); ..