2. 우당탕탕 개발자111 Docker volume & compose Docker volume & compose 도커 파일 작성법과 도커 볼륨과 컴포즈에 대해 정리하겠습니다. 인프런의 따라하며 배우는 도커와 CI 환경 강의를 듣고 있는데요(강추). 그동안 프론트엔드 CSS강의 듣다가 이 강의로 돌아오니 모든 내용이 새롭습니다. 역시 익숙하지 않은 내용은 짧은 텀으로 고반복 해줘야 하는게 진리입니다. 복습하고 강의를 듣다가 모르는 부분은 도커 공식사이트를 참조하며 추가했습니다. 도커는 배우면 배울 수록 신기하고, 사람들 마다 다른 컴퓨터 환경에서도 돌아갈 수 있도록 판을 짜준다는 점이 매력적입니다. docker file 작성법 & port mapping FROM node:10 WORKDIR /usr/src/app COPY package.json ./ RUN npm insta.. 2021. 7. 15. AWS Amplify로 Git 최신 merge 내용으로 자동 배포하기 AWS Amplify라는 너무나 간편한 git의 최신 merge된 내용을 자동으로 배포해주는 기능을 소개합니다. 기존엔 'netlify`를 이용해 git의 최신 내용을 자동으로 배포해주는 사이트를 이용했는데요. 로그인이 알 수 없는 이유로 안되면서... 여러차례 문의도 남겼지만... 해결은 못했다는 슬픈이야기... 결국 AWS로 돌아와 git action과 한참을 씨름하다 AWS Amplify를 알게되었습니다 🎉🎉🎉 netlify를 이용했던 이유 중 하나가 git의 main branch 를 업데이트할 때마다 netlify가 알아채고 빌드업 후 배포해주는 간편함때문이었습니다. 그런데 같은 기능을 AWS Amplify에서도 이용할 수 있습니다. 물론 netlify 는 git merge 100번까지 무료로 제.. 2021. 7. 13. Docker란 무엇인가? Docker docker는 다른 작업 환경에서도 신속하고 안정성 있게 소프트웨어를 설치 및 실행할 수 있도록 도와주는 오픈 플랫폼입니다. 여러 사람들과 협업하는 환경에서 docker를 빼놓고 작업하기는 어려워보입니다. 그래서 저도 docker에 대해서 배우기 위해 인프런에서 '따라하며 배우는 도커와 CI환경' 강의를 듣고 있습니다(강력 추천!). 배운 내용 중에서 기억해야될 내용을 위주로 간단하게 정리할 계획입니다. Container & Image 도커에서 핵심이라고 할 수 있는 container는 물류의 컨테이너처럼 application을 실행할 때 필요한 모든 것을 쉽게 전달할 수 있도록 패키징으로 묶은 것을 의미하는 것 같습니다. Image 는 프로그램을 실행하는데 필요한 설정과 종속성 정보를 담고.. 2021. 7. 1. 2021.06.29 TIL (feat. 1- 6월의 TIL도 포함) 무척 오랫만에 TIL을 남기는 기분. 6개월 사이에 Instagram 클론 Web / Mobile / Server 를 마쳤다. 노마드 코더의 수업에서 다룬 내용보다 실제 인스타그램 웹앱과 휴대폰 앱을 보면서 실제 기능들을 더 구현해보기도 했다. 컴퓨터 코드로 웹이나 휴대폰에서 눈에 보이는 UI, UX를 만드는 일은 대단히 흥미로웠다. 인스타그램 클로닝을 하며, 느낀 5가지 CSS에 할애하는 시간이 길었는데 CSS기초가 부족했구나 원래 계획에 없는 반응형 웹사이트로 전환하는 과정에서 반응형 웹사이트를 제대로 만들어 보고 싶다는 것 Docker를 사용한 적이 없었는데, 해당 서버를 docker를 배워서 업데이트 하고 싶다. 배포하는 AWS에 대해서 좀 더 배워보고 싶다. Git을 활용을 잘 못하고 있는 것 .. 2021. 6. 29. [CSS] px | em | rem 차이를 알아보자 px | em | rem 차이를 알아보자 px은 고정된 절대값의 단위며, em과 rem환경에 따라 변하는 단위입니다. 고정된 px과 달리, 환경에 따라 변하는 em과 rem의 장점은 무엇이며, 어떤 경우에 각각의 단위를 쓰는 것이 좋은지 알아봅시다. em vs. rem 차이 : 변환되는 기준이 다름 em과 rem은 가변단위로서 브라우저 환경에서 px로 변환됩니다. em은 같은 엘리먼트에서 지정된 font-size를 기준으로 px로 바뀌어 화면에 표시됩니다. 같은 엘리먼트에 설정된 폰트 크기 값이 없을 경우, 상위 요소의 폰트 사이즈가 기준이 됩니다. div { font-size: 10px; } div { font-size : 1em; /*1em 대략 10px*/ } rem은 최상위 엘리먼트에서 지정된 f.. 2021. 6. 28. 코딩 기술발표 잘 하는 법 2020.07.20 - [2. 우당탕탕 개발자/2-2. 상세 노트] - 기술 발표) GraphQL 보안 위협과 지키는 방법 소소한 제 블로그에서 꾸준하게 방문 유입되는 글을 살펴보니, 위의 글이 가장 인기가 좋았기 때문에 해당 글의 인기에 묻어가기 위해 '기술 발표' 팁 몇 가지를 전달하려고 합니다. 이름 하여, '기술 발표' 잘하는 법' 오늘 포스팅의 주제입니다. 물론 기술 발표를 잘하기 위해선, 내가 유명한/뛰어난 개발자라서 누구나 내 발표를 듣게하거나, 누구나 알고 싶어하는 흥미로운 주제를 발표 주제로 삼으면 됩니다. 그러나 대부분의 제 포스트를 살펴보는 분들은 이제 막 개발자로서 발걸음을 내딛은 분들이 많을 것이라 짐작합니다. 유명하지도/ 누구나 알고 싶어하는 내용의 주제를 다루지 못하는 프레쉬한.. 2021. 6. 18. 이전 1 2 3 4 5 6 7 8 ··· 19 다음
