TechTalk

CDN이란 무엇인가? CDN은 Content Delivery Network의 약자로, 전 세계 여러 지역에 데이터 센터를 구축하고 그곳에 콘텐츠를 복제해 두는 방식으로 사용자에게 빠르고 안정적인 인터넷 서비스를 제공하는 시스템입니다. CDN의 작동 원리 CDN은 웹사이트의 콘텐츠를 사용자가 위치한 곳에 가까운 서버에 배포하여, 사용자가 요청한 콘텐츠를 빠르게 제공합니다. 이는 웹사이트의 로딩 시간을 줄이고, 서버의 부하를 줄여줍니다. 사용자가 웹사이트에 접속하려고 요청을 보내면, CDN 으로 배치된 가장 가까운 캐시 서버에서 해당 콘텐츠를 찾아 사용자에게 전송합니다. 이렇게 하면 콘텐츠를 전달하는 시간이 줄어들어 웹사이트의 로딩 시간이 단축됩니다. 또한, CDN 캐시 서버가 콘텐츠를 복제하고 분산하여 콘..

컨테이너 기술은 최근 몇 년 간 빠르게 성장하고 있는 혁신적인 기술로, 개발자와 운영팀에게 애플리케이션 배포와 관리를 획기적으로 단순화하고 효율화하는 도구입니다. 이 기술은 가상화 기술을 기반으로 하며, 애플리케이션과 그에 필요한 모든 종속성을 격리된 환경에 포장하는 것을 목표로 합니다. 이러한 접근 방식은 시스템 구축, 확장성, 유지보수 및 보안에 큰 이점을 제공합니다. 1. 컨테이너란 무엇인가? 개발자로 일하게 되면서 고객사 서버에 저희 서비스를 구동하기 위한 환경 설정을 하는 일을 맡은 적이 있습니다. 웹서버를 위한 환경을 구축을 하거나 데이터베이스 서버를 위한 설치를 해야합니다. 그런데 이런 고객사가 과연 하나일까요? 고객사가 많아질수록 이런 설치 과정을 여러 번 반복해야겠죠. 또한, DB용과 웹..

Python으로 ps를 진행하는 사람이 많아짐에 따라 이 기능이 필요하다고 생각되어 포스팅 남깁니다. 예시용 코드 여러분께서는 문제를 풀 때 습관처럼 작성하시는 코드가 있으실까요?? import sys input = sys.stdin.readline 위의 코드는 Python에서 값을 입력받을 때 조금이라도 더 향상된 속도로 받을 수 있도록 세팅해 주는 코드죠. 일반 input() 대신에 sys.stdin.readline()으로 입력받도록 설정합니다. 습관처럼 매번 모든 문제에 저런 코드를 작성하시는 분이라면 기존에 작성하신 코드에서 복사 붙여넣기 하시거나 손으로 하나하나 타이핑하시겠죠. Pycharm에서 파이썬 파일을 하나 생성하면 자동으로 저런 코드가 들어가면 편해지지 않을까요?? Pycharm Tem..

종종 무료 VPN으로 유니콘 HTTPS를 사용하시는 분들이 계십니다. 엄연히 따지면 유니콘 HTTPS는 VPN과 다릅니다. 기왕 프로그램을 사용하시는 거라면 그 원리에 대해서 알아두면 좋겠죠. 오늘은 유니콘 HTTPS의 원리에 대해서 알아보도록 하겠습니다. HTTP & HTTPS 유니콘 HTTPS 자체를 설명하기에 앞서 HTTP랑 HTTPS의 개념에 대해서 먼저 알아봅시다. HTTP는 웹 통신 프로토콜입니다. 사용자가 http://hello.world 이라는 임의의 페이지를 요청하면 관련 서버가 페이지나 리소스를 응답하는 방식으로 통신을 합니다. 우리는 http url 주소를 통해서 통신을 하고 있어요. http://naver.com/ 이면 네이버쪽 서버에 요청을 하고 http://google.com 이..

WSL2를 이용해 Linux를 쓰다보면 Windows에 있는 파일에 접근해야 될 일이 생기기도 하구요. 반대로 Windows에서 WSL쪽 파일을 건드리고 싶을 때가 있습니다. 이런 경우를 위해 파일 접근하는 방식에 대해서 알려드릴게요. Windows에서 WSL로 파일 탐색기 이용하기 Linux를 실행시키고 explorer.exe . 를 입력해보세요. explorer.exe . 그러면 현재 디렉토리가 파일 탐색기로 자동으로 열립니다. 혹은 파일 탐색기에서 \\wsl$ 를 입력해보세요. \\wsl$ 그러면 네트워크 연결을 통해서 wsl에 접근하실 수 있습니다. 이곳에서 사용중이신 애플리케이션을 선택하시면 접근이 가능합니다. WSL에서 Windows로 이 경우에는 전부 명령어로 접근하셔야 되는 점 미리 인지해..

Windows 운영체제에서는 Windows Subsystem for Linux라고 하는 기능을 사용할 수 있습니다. Linux에서 코드 작업을 해야 될 경우가 있을 텐데요. vim이나 nano 같은 기본 에디터로는 코드를 작성하기가 만만치 않습니다. 오늘은 WSL2가 설치된 환경에서 VS Code로 코드를 편집하는 방법에 대해서 다뤄보겠습니다. 미리 언급하자면 Linux에 Visual Studio Code를 설치하는 방법이 아닌 Windows의 VS Code에서 WSL2 디렉터리에 접근하는 방식을 다룹니다. VS Code 확장앱 WSL 설치 Ctrl + Shift + X 를 눌러서 Extension 검색창을 킵니다. 여기에 WSL을 검색하고 Microsoft 사에서 배포하는 WSL을 Install 해주시..

webpack(웹팩) 소개 webpack은 현대 자바스크립트 응용 프로그램을 위한 module bundler입니다. module bundler란 웹 애플리케이션을 구성하는 리소스(HTML, CSS, Javscript, …)를 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미합니다. 개발자가 응용프로그램의 종속성을 관리하고 최적화할 수 있도록 지원하므로 관리성과 효율성이 향상됩니다. 이번 포스팅에서는 webpack의 기능, 이점 및 다른 빌드 도구와 어떻게 다른지를 포함한 webpack의 기본 사항을 살펴보겠습니다. webpack 프로젝트 설정하기 webpack을 시작하는 것은 쉽지만, 시작하기 전에 시스템에 Node.js 및 npm(Node Package Manager)이 설치..

요새 타입스크립트를 쓰는 개발자가 늘어나는 추세다. 자바스크립트에 타입을 명시한 언어가 타입스크립트라고 주워 들었었다. 그렇다면 왜 자바스크립트 대신 타입스크립트를 쓰게 되었는지 이유를 알아보도록 하자. 그리고 타입스크립트가 항상 모든 자바스크립트 언어를 대체할 수 있는지도 파악해 보겠다. 이미 시크님께서 두 언어를 비교한 포스팅을 올려두셨다. 참고 포스팅에서 다루지 않는 내용들을 주로 다룰 예정이다. https://kid-dev.tistory.com/13 [typescript vs javascript] 어떤 언어를 써야할까? 이 글로 종결하자! 똘이는 javascript를 사용하는 유저이다. 인터넷을 검색해보니 typescript라는 검색어가 계속 눈에 들어온다. 그리고 주변 개발자들도 typescri..

프로젝트를 진행하다보면 API Key라던가 민감한 정보를 환경 변수로 넣고 사용할 때가 있다. 그런데 프로젝트마다 사용하는 환경변수가 다르다면?? 환경 변수를 세팅하는 스크립트 파일을 관리하는 것도 번거로운 일이 된다. direnv direnv는 앞선 문제를 해결하는 도구다. 이름 그대로 폴더별로 환경을 관리해주는 도구이기 때문이다. direnv로 설정을 해 놓으면 어떤 디렉토리에 접근 할 때마다 자동으로 설정해놓은 환경변수나 원하는 런타임 버전 지정 등을 알아서 할 수 있다. 작동 방식도 간단하다. 디렉토리에 .envrc라는 파일이 있다면 그 파일을 실행한다. .envrc에 환경 변수를 세팅하는 구문을 넣으면 된다는 의미기도 하다. 문제점 direnv는 맥이나 리눅스같은 Unix 계열 환경을 위해 작성..

오늘의 주제는 Android에서는 API Key처럼 외부에 유출이 되면 안 되는 정보를 어떻게 관리해야 되는지 그 방법에 대해서 알려드리고자 합니다. 방법은 간단합니다. 제목에서처럼 프로젝트 root아래의 local.properties 파일을 활용하면 됩니다. local.properties에 사용하고 싶은 API_KEY의 key값과 value를 정의해줍니다. buildConfigField "String", "TEST", properties['TEST'] buildConfigField 타입, 사용할 변수명, local.properties에 정의된 key 다음으로는 build.gradle(:app)에 defaultConfig라는 영역에 Field 설정을 추가해주시면 됩니다. 원래는 이 다음에 Sync now..