728x90 반응형 전체 글143 #http #상태코드표 #100~500 #요약정리 Http(Hypertext Transfer Protocol)는 웹 서버와 웹 클라이언트 간 데이터 통신방식으로 TCP/IP프로토콜 위에 동작합니다. 웹브라우저에 도메인 주소 (https://www.google.com) 를 입력하면 클라이언트와 서버간에 HTTP 연결을 통해 HTTP 요청 메시지가 요청, 응답을 진행 하게 됩니다. 이런 수많은 통신을 진행 하면서 서버와 클라이언트간의 정보를 주고 받을 수 있는데 이때 통신에 대한 상태 코드를 통해 해당 통신이 어떤 상태인지 확인 할수 있습니다. 1xx, 2xx.. 와 같이 첫번째 숫자는 HTTP 응답의 종류를 구분 나머지는 세부 정보를 표기 합니다. 👉1xx:Informational(정보제공)임시 응답으로 현재 까지 클라이언트의 요청은 처리되었으나 .. 💜99_기타/03_웹 지식 2024. 12. 4. #vite #webpack #console.log #플러그인 #설정 #npm #번들링 웹 경량화를 사용하기 위한 vite나 webpack을 사용할때 불필요한 정보를 미출력하기 위해서 Bundling을 할때 console.log를 삭제하는 plugin을 소개할려고 합니다. 🦖Vite plugin(vite-plugin-remove-console)* 각 패키지 관리도구별 설치 방법 # npm npm install vite-plugin-remove-console -D# yarn yarn add vite-plugin-remove-console -D# pnpm pnpm add vite-plugin-remove-console -D👉 Npm - Node Package Manaber : Node.js의 기본 패키지 관리도구로 가장 널리 사용됨👉 yarn - FaceBook에서 개발한 패키지 관리도.. 💚04_HTML5 & Javascript & CSS/05_Front Tip(vite, 번들링, spa ) 2024. 12. 3. #Front #비동기호출 #XMLHttpRequest #fetch #axios #jQuery.ajax #호출방법 #cors설정 #자격증명 Front 페이지에서 비동기 호출하는 방법에 대해서 알아보겠습니다. XMLHttpRequest, fetch, axios, jQuery.ajax 이렇게 총 4가지에 대해서 먼저 알아보겠습니다. XMLHttpRequest와 fetch는 브라우저 내장 객체이며 axios는 라이브러리 jqeury.ajax는 jquery의 비동기 함수입니다. 🦖일단 비동기 호출의 주용 특징으로는 👉. 비동기적 : 요청을 보낸 후, 응답을 기다리는 동안 다른 작업을 계속할 수 있습니다. 이를 통해 사용자 경험을 향상시킬 수 있다. 👉. 서버와의 통신 : 서버에서 데이터를 받아와서 페이지에 동적으로 렌더링하거나, 폼 데이터를 서버에 보내는.. 💚04_HTML5 & Javascript & CSS 2024. 11. 19. #AWS #AmazonWebServices #클라우드서비스 #AWS개념정리 AWS를 빼고 웹개발을 말할수 없을것입니다. 기존 Promise구조에서 IDC센터에 이어 클라우드 서비스를 통한 서비스 제공에 대해 발전해나가고 있는 내역에서 aws에 대한 기본적인 개념에 대해서 알아보고 넘어가겠습니다. 🦖리전(Region)리전은 AWS서비스가 제공되는 지리적 위치를 나타냅니다. 각 리전은 독립적인 데이터 센터를 가지고 있으며 여려개의 '가용영역(AZ)'로 구성됩니다. ex) - us-east-1(미국동부-버지니아북부)- ap-northeast-1(아시아 태평양 - 도쿄) 👉각 리전은 물리적으로 분리된 데이터 센터를 가지고 있으며 데이터의 지리적 중복성과 가용성 제공👉리전간 데이터 전송은 네트워크 비용이 필요 하며 지연시간 발생할수 있습니다. 👉사용자는 자신이 데이터를 저장할 .. 💜99_기타/03_웹 지식 2024. 11. 18. #POC #ProofOfConcept #웹 #개념 웹개발을 하다보면서 POC라는 말을 들어볼때가 있다. Proof Of Concept으로 개념 증명으로 번역할수 있다. POC란 개념증명을 말하며 새로운 아이디어, 기술, 제품, 서비스가 실제 실현 가능한지 확인하는 초기 단계의 프로토 타입 모델을 뜻한다. 많은 기업들이 POC형태의 사업을 진행 하게 되는데 제일 중요한 목적으로는 🦖1. 아이디어 검증 아이디어가 현실화 가능한지 확인하는 부분으로 새로운 기술에 접근 방식을 도입하려 할때 검증하고 성공 가능성을 예측할수 있습니다.🦖2. 위험 최소화 기술적, 경제적 리스크를 줄이는 데에도 큰 역활을 하며 POC를 통해 예상되는 문제점, 장애물에 대해 먼저 확인하여 리스크를 예측할수 있습니다.🦖3. 투자유치 POC사업을 통한 투자자들에게 기술 시연을 통한.. 💜99_기타 2024. 11. 18. #SaaS #클라우드서비스 #소프트웨어서비스 #비즈니스효율성 #협업툴 #구독형서비스 #CRM #원격근무#비용절감 웹개발을 하면 SaaS라는 단어를 알게 된다. Software as a Service로 클라우드 컴퓨팅 기반의 소프트웨어 제공 방식을 뜻합니다. 사용자가 인터넷을 통해 소프트웨어에 접근하여 사용하는 서비스를 의미하며 전통적인 소프트웨워와 다르게 서버, 하드웨어 별도 설치 없이 웹 브라우저만을 통해 서비스 접속 사용을 하게 됩니다. 1. SaaS의 정의와 개념SaaS는 말 그대로 소프트웨어를 서비스로 제공하는 모델입니다. 전통적인 방식의 소프트웨어는 사용자가 직접 구매하고, 설치하고, 업데이트하며, 유지보수를 해야 했습니다. 반면, SaaS는 소프트웨어를 제공하는 업체가 중앙 서버에 소프트웨어를 설치하여, 사용자는 인터넷만 있으면 언제 어디서든 소프트웨어를 사용할 수 있게 해줍니다.SaaS의 구성 요소:.. 💜99_기타/03_웹 지식 2024. 11. 18. #세금계산서 #임대차세금계산서 #부가가치세 #상업용임대 #부가가치세면세 #세금계산서발행 #임대료세금 #세무관리 #부동산임대 세금계산서란? 임대차 세금계산서에 대한 이해세금계산서는 사업자가 거래를 할 때, 부가가치세를 어떻게 처리했는지를 명시한 공식적인 세무 문서입니다. 이는 구매자와 판매자 간에 거래된 상품이나 서비스에 대해 부가가치세가 어떻게 부과되었는지를 보여주는 중요한 자료로, 세금 신고와 납부 과정에서 핵심적인 역할을 합니다.그렇다면 임대차 거래에서의 세금계산서는 어떻게 처리되는지에 대해서도 궁금할 수 있습니다. 특히 임대료와 관련된 부가가치세의 처리 방식이나 세금계산서 발행 방법은 다른 거래와는 다를 수 있기 때문에, 이를 정확히 이해하는 것이 중요합니다.이 글에서는 세금계산서의 기본 개념과 임대차 거래에서 세금계산서가 어떻게 적용되는지에 대해 알아보겠습니다.1. 세금계산서란 무엇인가?세금계산서는 사업자가 거래에 대.. 💜99_기타/99_인생꿀팁 2024. 11. 18. #부가가치세 #부가가치세란 #세금 #소비세 #부가가치세의이유 #경제 #세금제도 #소득세와부가가치세 #세금납부 부가가치세는 왜 내는 걸까? 개념과 이유를 알아보자!부가가치세(VAT, Value Added Tax)는 우리가 일상적으로 소비하는 상품이나 서비스에 붙는 세금입니다. 그런데 부가가치세가 왜 존재하는지, 그리고 왜 우리가 내야 하는지에 대해 제대로 알고 있는 사람은 많지 않을 수 있습니다. 이번 글에서는 부가가치세의 개념, 부가가치세를 내는 이유, 형성 이유를 쉽게 설명하겠습니다.1. 부가가치세란?부가가치세는 상품이나 서비스가 생산될 때마다 추가되는 가치에 대해 부과되는 세금입니다. 간단히 말해, 제품이 만들어지거나 서비스가 제공될 때마다 그 과정에서 생기는 "부가된 가치"에 대해 세금을 부과하는 방식입니다.부가가치세의 흐름:생산자가 원재료를 구매할 때 부가가치세를 포함하여 지불합니다.생산자는 제품을 가공.. 💜99_기타/99_인생꿀팁 2024. 11. 18. #결제와결재차이 #결제 #결재 #상급자승인 #상거래 #직장용어 #비즈니스용어 #혼동단어 결제 vs 결재: 혼동하지 말자! 차이점과 정확한 사용법우리 일상에서 자주 접하는 단어인 **"결제"**와 "결재". 비슷한 발음과 의미 때문에 헷갈릴 수 있지만, 두 단어는 정확히 다른 의미를 가지고 있습니다. 이 글에서는 결제와 결재의 차이점을 명확하게 정리하고, 언제 어떤 단어를 사용해야 하는지에 대해 설명하겠습니다.1. 결제 (決濟)뜻:결제는 "돈을 주고받아 거래를 완료하다" 또는 **"대금을 지불하다"**는 의미입니다.주로 상거래나 서비스 이용 시 사용되며, 물건을 구입하거나 서비스 요금을 지불하는 행위에 관련된 단어입니다.사용 예:온라인 쇼핑몰에서 결제를 완료했다.식사를 마친 후 카드로 결제를 했다.상품 결제 후 배송이 시작된다.관련 단어:결제 수단: 지불 방법 (현금, 카드, 계좌 이체 등).. 💜99_기타/06_업무용어 2024. 11. 18. #HTTP상태코드 #HTTP에러코드 #404에러 #500에러 #HTTP상태 #웹개발 #API에러 #웹사이트에러 #서버에러 #클라이언트에러 #상태코드 HTTP 응답 상태 코드는 클라이언트와 서버간 통신 상태에 대한 내비게이션 같은 역활이라고 생각합니다. 클라이언트와 서버간 통신 진행시 상태코드를 통해 확인할수있는데 자주 사용되는 코드에 대해서 알아보겠습니다. 🦖. 200 OK요청이 성공적으로 처리되었음을 나타냅니다. 웹페이지가 정상적으로 로드되거나 API 호출이 성공했을 때 보통 반환됩니다.🦖.301 Moved Permanently요청한 리소스가 영구적으로 새로운 위치로 이동되었음을 의미합니다. 클라이언트는 자동으로 새로운 URL로 리디렉션됩니다.🦖.404 Not Found요청한 리소스를 찾을 수 없을 때 발생합니다. 주소가 잘못되었거나 해당 페이지가 삭제된 경우에 자주 발생합니다.🦖.500 Internal Server Error서버에서 예.. 💜99_기타/03_웹 지식 2024. 11. 18. #a태그문제 #페이지위로이동 #링크클릭방지방법 #웹개발팁 #자바스크립트링크동작 #페이지이동방지 페이지 이동을 방지하는 방법: # 대신 사용해야 할 3가지 방법웹 개발을 하다 보면 종종 ****와 같은 링크를 사용하게 됩니다.하지만 이러한 링크를 클릭하면 브라우저가 페이지의 맨 위로 스크롤되는 현상이 발생하곤 합니다.이는 브라우저가 **#**을 처리할 때 페이지 내에서 해당 위치로 이동하거나 맨 위로 스크롤하기 때문입니다.그렇다면, 페이지 이동 없이 링크의 클릭 이벤트를 처리하고 싶은 경우에는 어떻게 해야 할까요?아래에서 **#**을 사용하지 않으면서 페이지 이동을 방지하는 방법을 소개하겠습니다. 1. javascript:void(0) 사용하기를 사용하는 방법은 페이지 이동을 방지하는 가장 일반적인 방법 중 하나입니다. 이 코드는 자바스크립트의 void 연산자와 0을 결합하여 아무런 동작도 하지 않.. 💚04_HTML5 & Javascript & CSS 2024. 11. 15. #GoogleDrive #Windows #설치방법 NAS등 여러가지 저장소가 있겠지만 Google앱에 대한 황용도가 높아 GoogleDrive를 사용중에 있습니다. 이걸 윈도우에서 설치하기 위한 앱이 제공되니 같이 사용한다면 좋을것 같습니다. 🦖 Google Drive 다운로드 (아래 사이트에서 구글 Drive 각 OS에 맞는 파일 다운 - GoogleDriveSetup.exe ) https://support.google.com/a/users/answer/13022292?hl=ko🦖GoogleDriveSetup.exe 설치 진행🦖GoogleDriveSetup.exe 설치 진행프로그램 설치시 장치 및 드라이브에 등록된 내역 확인 💜99_기타/02_Window ETC 2024. 10. 31. 이전 1 2 3 4 ··· 12 다음 728x90 반응형
