본문 바로가기
728x90

전체 글

 (329)
[백엔드] 회선 교환 방식과 패킷 교환 방식 들어가기 앞서네트워크를 통해 데이터를 전송하는 일은 매우 흔한 일이다.웹 서비스를 통한 HTTP Request나 결제 시스템에서 암호화된 정보가 결제 대행사(PG사)와 카드사 서버로 전달 되는 등 다양한 형태로 네트워크를 통해 데이터를 전송하게 된다.현대 네트워크에서는 물리적으로는 패킷 교환 방식만 사용하되, 상위 소프트웨어(프로토콜/QoS) 수준에서 신뢰성 위주냐 실시간성 위주냐로 나누어 제어한다하지만, 그렇다고해서 패킷 교환 방식에 대한 지식만 알고 있다면, 왜 사용하는지, 현대의 QoS, 5G 네트워크 슬라이싱과 같은 가상 전용선을 이해하기에 힘들기 때문에 회선 교환 방식에 대한 내용을 같이 다뤄보겠다.또한, 단순하게 패킹 스위칭 vs 회선 스위치가 아닌 TCP/IP, OSI 계층 구조를 같이 알면..
[AI] Antigravity CLI Gemini CLI를 간만에 사용하려고 로그인을 시도하니 에러가 발생했다.에러의 내용으로는 구글이 2026년 6월 18일부로 개인 사용자 및 일반 구글 계정 대상의 기존 Gemini CLI 서비스를 종료했다는 내용이다.이에 따라 구글 계정을 이용한 일반 OAuth2 로그인이 전면 차단되었기 때문에 로그인 시도시 이런 에러가 발생한다.때문에 Gemini CLI를 사용하던 유저들의 경우 구글에서 새로 나온 Go 언어 기반 에이전트 도구인 Antigravity CLI를 사용하면 된다.만약 난 꼭 Gemini CLI를 사용하고 싶다면 API 키를 사용하는 방법이 있기는 하지만, 개인 계정 기반의 클라이언트 서비스 자체가 종료 단계이므로 추후 API Key 방식을 쓰더라도 일부 기능이 제한되거나 작동하지 않을 수..
웹 표준, 웹 호환성, 웹 접근성이란 무엇일까 왜 웹 표준, 호환성, 접근성을 알아야 할까?프론트엔드에서는 "누구나, 어떤 환경에서든, 불편함 없이 쓸 수 있는 웹"을 만드는 것이 가장 중요하다.웹 개발의 뼈대이자 필수 3대 원칙인 웹 표준, 웹 호환성, 웹 접근성이 무엇인지, 그리고 프론트엔드 개발자가 왜 이를 지키면서 코딩해야 하는지 정리해 보겠다.1. 웹 표준 (Web Standards)웹사이트를 만들 때 지켜야 하는 국제 공식 규칙이다.웹 표준은 W3C(World Wide Web Consortium)나 WHATWG 같은 국제 기구에서 정한 웹 페이지 제작 규격이다. 쉽게 말해 전 세계 모든 자동차의 주유구 규격을 통일하는 것처럼, 웹에서도 HTML, CSS, JavaScript를 정해진 규칙대로 올바르게 사용하자는 약속이라고 생각하면 된다.여..
자주 사용하는 개발자 스킬 스택 아이콘 포폴을 작성하거나 프로젝트에 사용할 스킬 스택 아이콘을 여기저기 찾으면서 모아놓은 사이트들 https://techicons.dev/ SVG and PNG tech icons | TechIconsSVG and PNG tech icons Download, copy and paste tech icons in SVG and PNG format for your projects.techicons.dev https://simpleicons.org/ Simple Icons simpleicons.org여기는 아이콘이 회색이라는 단점이 있다. (색상이 없어 칙칙할 수 있음) https://aws.amazon.com/ko/architecture/icons/ 아키텍처 아이콘 페이지AWS 승인 아이콘으로 아키텍처 다이어그램을 ..
[OCI] VCN 삭제하기 테스트를 위해 만든 VCN 삭제하기VCN을 삭제하기 위해 가상 클라우드에서 모든 구획을 삭제하기를 진행했으나 아래와 같이 삭제가 불가능하다고 떳다.하위 리소스를 수동으로 삭제해야지 vcn을 삭제할 수 있단다...삭제를 진행하기 위해 vcn에 직접 들어가서 인터넷 게이트웨이를 종료하려니 또 에러가 발생했다.해당 에러는 라우트 테이블 상세 정보로 들어가서 규칙을 전부 삭제해주면 해결된다.라우트 테이블 삭제가 완료되면 다시 VCN 삭제에서 모든 구획 삭제를 진행하면 문제없이 삭제되는것을 확인할 수 있다.
[프론트엔드] 파비콘(Favicon.ico)이란? 파비콘이란?우리가 흔히 사용하는 웹 사이트의 16 x 16 사이즈의 아이콘이 바로 파비콘이다.파비콘은 웹 브라우저의 주소 표시줄, 탭, 북마크(즐겨찾기) 목록 등에 표시되는데 주로 사용된다.즉, 해당 사이트를 대표하는 아이콘이라고 생각하면 된다.파비콘 표준화파비콘의 경우 월드 와이드 웹 컨소시엄(W3C)이 파비콘에 대한 권고안부터 시작해서 표준화 방식을 안내하고 있다.최근에 와서는 여러 내용이 추가되었기 때문에 자세한 내용은 HTML Standard에서 확인할 수 있다.표준화의 경우 웹 브라우저마다 (크롬, 엣지, 파이어폭스 등) 표시되는 방식이 다르기 때문에 제대로 적용이 되지 않을 수 있기 때문에 중요하다.파비콘과 SEO파비콘은 SEO에 직접적인 영향을 주지는 않는다.하지만, 검색 엔진이 내 웹사이트..
[Github] Action 사용해서 Workflow로 CI/CD 자동화시키기 최근 Devops에 관심이 생겨서 이것저것 해보다 보니 깃허브에서 Action을 사용하면 Workflow로 파이프라인 처리가 가능하다는것을 알게 되었다.테스트도 해보고 진짜 되나 싶어서 실험용 개인 웹 서버인 OCI를 사용해서 파이프라인 처리를 해보았다.참고사항웹을 프론트와 백엔드 2가지로 구분해서 빌드하도록 했다.또한, 원래 Devops는 배포용 서버와 Build를 위한 서버 총 2개가 필요하다.보통 CI/CD 플랫폼의 에이전트에서 빌드한 산출물을 배포용 서버에 보내 실행하는 방식이다.하지만, 이렇게 되면 서버 비용이 2배이기 때문에, Build와 배포를 동시에 진행하는 방향으로 설계했다.이 경우에 서버의 부담이 심하다는 단점이 있기 때문에, 다른 방안을 찾아보니 Github에서 build를 위한 가상..
유튜브 채널 RSS 유튜브 api를 사용해 각 채널의 최신 영상을 가져오고 있었는데 무료로 제공하는 할당량이 부족하다고 느끼게 되었다.때문에, 이를 어떻게 해결할까 하다 RSS를 떠올리게 됐고 한번 사용해봤다.RSS란?RSS는 어떤 사이트에 새로운 콘텐츠가 올라왔을 때 해당 사이트에 방문하지 않고, RSS서비스를 통해 리더 한 곳에서 그 콘텐츠를 이용하기 위한 방법이다. 쉽게 생각하면, 여러 언론사 사이트를 모두 방문할 필요 없이 다양한 기사를 네이버뉴스 한 곳에서 볼 수 있는 것과 같다고 보면 된다.출처: 나무위키RSS의 원리RSS는 보통 아래와 같은 순서를 띈다.웹 사이트에서 글, 영상이 새로 올리게되면 해당 제목, 요약 내용, 링크와 같은 내용을 XML 형식으로 표준화된 파일로 만들게 되는데 이 .xml 파일을 RSS..
728x90

티스토리툴바