Environment(개발환경)
-
[AWS] 강의노트 - (3) Amazon VPC 개념Environment(개발환경)/Infra(인프라) 2023. 6. 13. 05:18
AWS 강의 커리큘럼을 통해, 기본적인 사용법 학습과 경험을 취득하고자 수강을 시작했다! 애초에 코딩하면서 수기노트를 한 적도 까마득하며, 글씨 쓰는것도 귀찮아하는 나이기에 포스팅으로나마 주요내용을 정리하며 강의를 들으려한다! - 강의 : CloudNet@와 함께하는 AWS 네트워킹 입문 (인프런 링크) CloudNet@와 함께하는 AWS 네트워킹 입문 - 인프런 | 강의 AWS 클라우드 입문자를 대상으로, AWS 클라우드 네트워크 기초 지식을 따라하며 배우는 실습 기반의 입문 강의입니다., - 강의 소개 | 인프런 www.inflearn.com * CloudNet@ 측에서 강의영상 및 자료 저작권이 있어, 최대한 내용이해를 도울 수 있는 사진으로 대체해보려고 합니다 😁😁 ☁️ 기본 네트워킹 개념 네트워..
-
[AWS] 강의노트 - (2) Amazon EC2Environment(개발환경)/Infra(인프라) 2023. 6. 11. 22:24
AWS 강의 커리큘럼을 통해, 기본적인 사용법 학습과 경험을 취득하고자 수강을 시작했다! 애초에 코딩하면서 수기노트를 한 적도 까마득하며, 글씨 쓰는것도 귀찮아하는 나이기에 포스팅으로나마 주요내용을 정리하며 강의를 들으려한다! - 강의 : CloudNet@와 함께하는 AWS 네트워킹 입문 (인프런 링크) CloudNet@와 함께하는 AWS 네트워킹 입문 - 인프런 | 강의 AWS 클라우드 입문자를 대상으로, AWS 클라우드 네트워크 기초 지식을 따라하며 배우는 실습 기반의 입문 강의입니다., - 강의 소개 | 인프런 www.inflearn.com * CloudNet@ 측에서 강의영상 및 자료 저작권이 있어, 최대한 내용이해를 도울 수 있는 사진으로 대체해보려고 합니다 😁😁 ☁️ Amazon EC2 AWS..
-
[AWS] 강의노트 - (1) 클라우드 컴퓨팅, AWS 서비스Environment(개발환경)/Infra(인프라) 2023. 6. 11. 18:19
AWS 강의 커리큘럼을 통해, 기본적인 사용법 학습과 경험을 취득하고자 수강을 시작했다! 애초에 코딩하면서 수기노트를 한 적도 까마득하며, 글씨 쓰는것도 귀찮아하는 나이기에 포스팅으로나마 주요내용을 정리하며 강의를 들으려한다! - 강의 : CloudNet@와 함께하는 AWS 네트워킹 입문 (인프런 링크) CloudNet@와 함께하는 AWS 네트워킹 입문 - 인프런 | 강의 AWS 클라우드 입문자를 대상으로, AWS 클라우드 네트워크 기초 지식을 따라하며 배우는 실습 기반의 입문 강의입니다., - 강의 소개 | 인프런 www.inflearn.com * CloudNet@ 측에서 강의영상 및 자료 저작권이 있어, 최대한 내용이해를 도울 수 있는 사진으로 대체해보려고 합니다 😁😁 ☁️ 클라우드 컴퓨팅 인터넷을 ..
-
[webpack] 환경변수 직접 선언 : dotenv, dotenv-webpackEnvironment(개발환경)/Configs 2022. 10. 11. 07:54
🧐 서론 회사에서 KTLO(Keeping the lights on) 건으로 미뤄지던 환경변수 선언방식을 개선하는 작업을 할당받아 진행하게 되었다. React나 Next를 쓰게 되면 보편적으로 Prefix (React_APP_...) 를 붙여 사용하게 되지만, 우리 프로젝트에서는 Webpack의 플러그인을 통해 직접 주입하는 방식을 사용하고 있었다. 물론 문제가 큰 방법은 아니지만, 환경변수를 JS모듈로 관리하는만큼 모든 환경의 파일이 번들에 포함되거나 토큰같은 인증정보가 배포버전에 포함될 수 있다는 등의 문제점은 있다. 그렇기에, .env(환경변수 파일) 기반의 관리방법에 대해 찾아보았고 dotenv를 비롯한 다양한 방법들을 알 수 있었다. 이번 포스팅은 이러한 방법들을 정리하고, 각각의 특징과 장점 등..
-
[Github] Branch 병합(Merge, Squash, Rebase)Environment(개발환경)/Git & Github 2022. 2. 18. 13:26
오랜만에 프론트앤드 개발 혹은 알고리즘 외의 주제로 포스팅을 작성하는 것 같다!!! 이 글을 포스팅하게 된 계기는, 개인 및 회사 프로젝트들을 진행하면서 Github를 사용하다보니 merge 외에 다른 병합 전략들을 접하게 되어 이를 정확히 알아보고 정리하고자 작성하게 되었다. 다수의 개발자들이 프로젝트를 진행하면, 개인의 코드를 관리하는 Git, 이 코드들이 병합되는 원격 저장소 Github(혹은 Gitlab 등) 과 같은 저장소를 사용하게 된다. 이런 Git, Github 와 같은 협업환경에서는, branch(브랜치)가 구성되어있어 개인환경에서 작업하거나 이를 main(master)과 같은 공용환경에 합치는 등의 작업이 가능하다. (Git & Github 정리 포스팅) [Git & Github] Gi..
-
[Web] 웹 동작원리, 브라우저 렌더링 원리Environment(개발환경)/Web 2021. 4. 17. 16:27
🥺 서론 확인해보니 이전에 웹 동작원리를 한번 포스팅했었는데, 이를 면접전에 다시 복습하거나 신경쓰지 않았다는게 참 후회스러웠다. 그런 한편으로, 이 포스팅이 상당히 간략하기도 하며, 브라우저 렌더링 같은 경우엔 프론트로서 자세히 정리해보아야겠다고 생각했다. 이번 포스팅을 계기로 웹 브라우저 원리를 한번 정리하면서, 면접 전 제대로 대비하지 못한 CS지식의 중요성을 다시금 곱씹어야겠다. * 이전 포스팅(Web 동작원리) : abangpa1ace.tistory.com/43?category=913067 [Web] Web 동작원리 Web 개발 엔지니어가 된다고 마음먹었지만, 정작 프론트 / 백의 존재여부만 알지 이들이 어떻게 작동하는지는 (req, res) 가 지식의 전부다. 멘토님의 지도가 없는 세션이다보니..
-
[Web] OSI 7계층 vs TCP/IP 4계층Environment(개발환경)/Web 2021. 4. 14. 03:09
오늘 면접을 본 회사에서, 가장 기본적인 개념을 물어보았다. 웹페이지의 도메인을 엔터했을 때, 이것이 브라우저까지 보여지는 일련의 과정. 나는 브라우저 렌더링 절차에 관해서만 설명하였고, 그 외의 부분은 딥한 설명을 하지 못하였다. 또 다른 회사에서는, OSI 7계층과 TCP/IP 4계층에 대한 비교를 질문했었다. 이러한 기본적인 개념들을 면접복기의 의미에서 포스팅할 필요성이 있어 이 글을 적게 되었다. 🌐 OSI 7계층 OSI(Open System Interconnection) 7계층은 국제표준화기구(ISO)에서 개발한 모델로, 네트워크 프로토콜 디자인과 데이터 통신을 계층으로 나눠 표준화한 것이다. 이렇게 계층을 나눈 이유는, 통신이 일어나는 과정을 단계별로 서술할 수 있으며, 특정 계층에서 문제가 ..
-
[Web] 배포 - #3. IaaS 사용법(AWS EC2)Environment(개발환경)/Web 2021. 3. 27. 02:32
마찬가지로, 이번엔 3차 프로젝트(나이키) 배포에 사용한 인프라, 바로 AWS EC2 사용법에 대하여 정리해보았다. 💻 AWS(Amazon Web Service) AWS는 아마존닷컴의 클라우드 컴퓨팅 서비스이다. 다른 웹사이트나 클라이언트 응용 프로그램에 대한 온라인 서비스를 제공한다. 네트워크를 기반으로 가상 컴퓨터뿐만 아니라 스토리지, 네트워크 인프라 등 다양한 서비스를 제공한다. - 장점 저렴한 비용: 사전 확약금이나 장기 약정 없이 저렴한 종량 과금제 방식으로 운영된다. 속도 및 민첩성 개선: 데이터 센터 유지보수 불필요함. AWS는 희망하는 언어 및 운영 체제를 선택해서 적용할 수 있다. 유연성: 새로운 앱을 즉각적으로 배포하고 수요를 기준으로 축소할 수 있다. 설치가 빠르고 관리가 편함. 단시..