전체 글
구글 확장 프로그램 만들어 보기 #2
이전 이야기 구글 확장 프로그램 만들어 보기 #1 manifest.json를 변경하고 js에서 style을 생성하여 모든 탭에서 원형 파장이 생겨나게 만들었다. manifest.json { "name": "wave", "manifest_version": 3, "description": "브라우저에서 클릭하면 커서 주변으로 파장이 퍼져나가는 효과를 보여주는 확장 프로그램입니다.", "version": "1.0", "icons": { "16": "images/16.png", "32": "images/32.png", "48": "images/48.png", "128": "images/128.png" }, "action" : { "default_icon": "images/32.png", "default_titl..
구글 확장 프로그램 만들어 보기 #1
노마드 코더님의 유튜브 영상을 보고 갑자기 확장 프로그램을 한번 만들어 보고 싶어졌다. 만들 프로그램은 브라우저에서 클릭시 그 주변으로 파장을 일으키는 확장프로그램이다. 먼저 ChatGPT에게 물어봤다. request 크롬 확장앱 만들어줘 response 안녕하세요! 크롬 확장앱을 만들어주는 것은 가능합니다. 하지만 어떤 종류의 확장앱을 만들고자 하는지에 따라서 구체적인 작업 내용과 복잡도가 상이할 수 있습니다. 일반적으로 크롬 확장앱은 HTML, CSS, JavaScript 등의 웹 기술을 사용하여 제작됩니다. 확장앱 제작을 위해선 기본적인 프로그래밍 지식과 웹 개발에 대한 지식이 필요합니다. 만약 구체적인 요구사항이나 아이디어가 있으시다면, 그에 따라 더 구체적인 조언과 안내를 제공할 수 있을 것입니..
클라우드타입의 빌드 로그를 보고 어떻게 진행되는지 유추하기
Connecting to "@devjun63/catdog:main/catdog/build" ... 🏂 Build runner(sel-4) is starting... ├ Build type is dockerfile └ Build env is {"spring.kakao.map.api.key":"2*******************************","spring.kakao.map.api.frontkey":"f*******************************","CHATGPT_API_KEY":"s**************************************************","spring.datasource.password":"1****","spring.datasource.driver..
1장. 사용자 수에 따른 규모 확장성
한 명의 사용자를 지원하는 시스템에서, 몇백만 사용자를 지원하는 시스템을 설계해보는 과정을 다룹니다. 단일서버 (웹 계층) 웹, 앱, 데이터베이스, 캐시 등이 전부 서버 한 대에서 실행되는 환경 사용자 요청 처리 흐름 도메인 이름을 이용해 웹사이트에 접속 DNS 조회 결과로 IP 주소 반환 해당 IP 주소로 HTTP(HyperText Transfer Protocol) 요청이 전달 요청을 받은 웹 서버는 HTML 페이지나 JSON 형태의 응답을 반환 데이터베이스 (데이터 계층) 사용자 증가에 대처하기 위해 서버를 증설하는 두 가지 경우 1. 웹/모바일 트래픽 처리 2. 데이터베이스 용 계층을 분리하면 독립적으로 확장할 수 있다. 데이터 베이스 선택 관계형 데이터베이스(RDBMS) Mysql, Oracle,..
PostMan 개요 및 사용법
PostMan이란? Postman은 API를 테스트하고 문서화하는데 사용되는 인기있는 도구입니다. Postman은 모든 종류의 HTTP 요청을 보내고 응답을 확인하며, JSON 및 XML과 같은 일반적인 데이터 형식으로 응답을 처리 할 수 있습니다. 1. Postman 다운로드 및 설치 Postman을 다운로드 하려면 공식 웹사이트에서 사용 가능한 운영 체제에 맞게 다운로드하고 설치하시면 됩니다. 설치가 완료되면 Postman을 시작하여 대시 보드를 볼 수 있습니다. 2. API 요청 만들기 Postman에서 API 요청을 만드는 방법은 다음과 같습니다. "New"를 클릭하여 새 요청을 생성합니다. HTTP 요청 방법 (GET, POST, PUT, DELETE 등)을 선택합니다. API 엔드포인트 (UR..
Coding Test Meeting #4
이번 문제 https://leetcode.com/problems/number-of-ways-to-select-buildings/ Number of Ways to Select Buildings - LeetCode Can you solve this real interview question? Number of Ways to Select Buildings - You are given a 0-indexed binary string s which represents the types of buildings along a street where: * s[i] = '0' denotes that the ith building is an office and * s[i] = '1 leetcode.com Code 더보기 /..