Programming/ETC26

• 

  JWT(JSON Web Tokens), OAuth(Open Authorization) Programming/ETC 2023. 9. 24.

• 

  [Low-code] 로우 코드 서비스 개발 툴, Retool 최근에 low-code 툴인 'Retool'에 대해 알게 되었다. admin 페이지 등 UI를 직접 개발할 필요 없이 약간의 JS와 SQL 지식만으로 웹 페이지를 만들고 운영할 수 있는 툴이라고 한다. 데이터에 관한 여러 대시보드를 만들 수 있을 뿐만 아니라 데이터를 직접 조작할 수도 있다. 홈페이지 https://retool.com/ Build any business software, remarkably fast. Retool is the fast way to build internal tools. Drag-and-drop our building blocks and connect them to your databases and APIs to build your own tools, instantly. C.. Programming/ETC 2023. 8. 28.

• 

  SPA(Single Page Application) Single Page Application (단일 페이지 애플리케이션) 현재 페이지를 동적으로 렌더링함으로써 사용자와 소통하는 웹 어플리케이션 단일 페이지로 구성되며 서버로부터 최초에만 페이지를 다운로드하고, 이후에는 동적으로 DOM을 구성 처음 페이지를 받은 이후부터는 서버로부터 새로운 전체 페이지를 불러오는 것이 아닌, 현재 페이지 중 필요한 부분만 동적으로 다시 작성함 연속되는 페이지 간의 사용자 경험(UX)을 향상 모바일 사용량이 증가하고 있는 현재 트래픽의 감소와 속도, 사용성, 반응성의 향상은 매우 중요하기 때문 동작 원리의 일부가 CSR(Client Side Rendering)의 구조를 따름 SPA 등장 배경 과거 웹 사이트들은 요청에 따라 매번 새로운 페이지를 응답하는 방식이었음 MPA(M.. Programming/ETC 2023. 7. 15.

• 

  Apache, NginX, Tomcat의 개념(+ 웹서버, WAS, 로드밸런싱, 프록시) 웹 서버 Apache, NginX, IIS가 대표적인 제품 웹사이트를 위한 서버를 만들어 주는 소프트웨어 웹에 필요한 자원들을 특정 폴더들에 저장하여 서버에 지정된 웹사이트 주소로 접속하면 이것들을 받아갈 수 있도록 하는 역할 Tomcat, Node.js, Django 내장 서버 등과 클라이언트 사이에서 매니징을 담당하기도 한다. 왜냐하면 웹 서버 만으로도 PHP 동적 웹 정도는 처리할 수 있지만, 더 전문적으로 동적 웹을 처리하기 위해서다. reverse proxy 제공: 서버의 정보를 감추어 준다. 보안 측면에서 웹 서버를 앞에 내세우는 것이 크다. 캐시 제공: 클라이언트들이 자주 쓸 법한 자원들을 저장해준다. 로드밸런싱: 이용자가 몰릴 때 여러 개의 Tomcat에 고루 배정해준다. WAS에 대한 헬.. Programming/ETC 2023. 6. 25.

• 

  Command Prompt(CMD), Git bash, PowerShell VSCode를 사용하다 보면, 아래와 같이 터미널에 여러 버전이 있는 것을 볼 수 있다. 싸피에서 개발을 시작할 때부터 Windows 환경에서 Git Bash만 계속 써오던 나는 이 다양한 터미널들에 대해 자세히 알아본 적이 없었다. 하지만 실제로 일을 하면서부터는 모르는 게 조금 부끄러워져서 정리해본다. 터미널이란? 먼저 잘 모르고 사용했던 '터미널'이라는 단어부터 정리해보자. 터미널은 원래 유닉스 기반의 컴퓨터에서 복수의 사용자들이 하나의 컴퓨터에 접속하기 위해 사용했던 단말이었다고 한다. 이제 Personal한 컴퓨터를 사용하기 위해 필요가 없어진 터미널, 그 의미가 변화해서 명령어 입력을 통해 컴퓨터를 직접 제어하기 위한 소프트웨어라는 뜻을 가진다. 그리고 모든 운영체제는 기본적인 터미널을 내장하.. Programming/ETC 2023. 3. 27.

• [Node.js] path 모듈 홈페이지를 만들면서 배웠듯 운영체제마다 다른 문자로 디렉토리 구조를 표현한다. Unix 계열은 /, Windows는 \를 사용한다. 따라서 파일이나 디렉토리의 경로를 단순히 문자열을 이용하여 접근하면 프로그램이 특정 운영체제에서만 돌아갈 위험이 생긴다. 그래서 Node.js에서는 기본적으로 path 모듈을 제공해 JS 개발자들이 이러한 위험 없이 경로를 다룰 수 있도록 도와주는 것이다. Next.js 13버전으로 홈페이지를 만들고 있는데, Vercel에 배포하려고 하니 관련된 에러를 밷어 것 같아 이 방식으로 해결했다. 동료분이 말씀해주실 때 미리 도입해 놓을걸 ^^ 불러오기 import path from "path"; Join(): 경로 만들기 여러 개의 문자열을 가변 인자로 받아서 하나의 완전한 경로.. Programming/ETC 2023. 3. 27.

• 

  CodePush란? 내가 유지보수를 책임지고 있는 서비스의 앱은 React Native로 구현되어 있는데, JS 코드만 변경되었을 경우 CodePush를 사용해 간편하게 배포를 하고 있다. 사수분이 미리 세팅을 해 놓으신 상태에서 로컬 터미널에서 appcenter에 로그인하고 명령어만 입력하면 android, ios 배포가 불과 몇 분만에 끝난다는 게 실제로 해보니 더 신기했다. 세팅을 CodePush의 원리에 대해 좀 더 알아봤다. App Center 속 CodePush CodePush는 Microsoft의 서비스로, Visual Studio App Center의 여러 기능 중 하나다. App Center는 애플리케이션을 빌드, 테스트, 배포할 수 있는 DevOps 클라우드 솔루션이다. 배포된 후 분석 및 진단 서비스도 .. Programming/ETC 2023. 2. 24.