본문 바로가기
728x90
반응형

WEB41

클라이언트와 서버의 통신 방식- API, Rest API, Restful API 개요서버-클라이언트 관계에서의 역할을 이해하기API의 개념에서부터 시작하여 REST API와 RESTful API   서버와 클라이언트의 역할서버- 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 것- 클라이언트의 요청을 처리하여 결과를 응답하는 시스템 클라이언트- 클라이언트는 서버에서 받은 서비스를 사용하는 사용자- 서버에게 데이터를 요청하고 서버로부터 응답을 받아 사용하는 시스템  서버-클라이언트 통신 방식은 다양한 프로토콜과 기술을 통해 구현된다.1. HTTP를 기반으로 한 요청-응답 패턴2. WebSocket을 이용한 실시간 통신3. gRPC와 같은 고성능 RPC 프레임워크4. GraphQL을 통한 데이터 쿼리      API애플리케이션 간의 상호작용을 가능하게 하는 정의 및 프로토콜 인터.. 2024. 1. 11.
JavaScript, ECMAScript (ES5, ES6, ES2024) | 웹 표준 개요웹 표준이 도입된 이후, 프로그래밍 언어와 라이브러리 개발 시 대부분 웹 표준을 따르게 되어 한 번 작업으로도 많은 시간과 노동력을 절약할 수 있게 되었습니다.따라서 HTML, CSS, JavaScript와 같은 웹 표준을 준수하며 개발하는 습관을 가지는 것이 중요합니다. 웹 표준이란 ?**웹 표준(Web Standards)**은 W3C(World Wide Web Consortium) 표준화 단체에서 권고하는 기술과 규칙을 의미합니다.다양한 운영체제(OS), 브라우저, 디바이스에서도 웹페이지가 동일한 모양과 기능으로 작동하도록 보장합니다.신체적, 환경적 제약이 있는 사용자도 웹에 접근성을 가지고 원활히 이용할 수 있도록 설계된 원칙입니다https://www.w3.org/ W3CThe World Wid.. 2024. 1. 8.
[ERROR] Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer 오류 내용Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type ‘allow pasting’ below to allow pasting. 경고: 이해하지 못하거나 직접 검토하지 않은 코드를 DevTools 콘솔에 붙여넣지 마세요. 이로 인해 공격자가 귀하의 신원을 도용하거나 컴퓨터를 제어할 수 있습니다. 붙여넣기를 허용하려면 아래에 '붙여넣기 허용'을 입력하세요. 해결 방법콘솔창에 'allow past.. 2024. 1. 4.
CSS 스타일 제거하기 :hover 효과 삭제 방법 :hover:not(.class) See the Pen Untitled by 우세림 (@yrrzbplw-the-builder) on CodePen. css 문법이라 sass 에서도 가능하다.export const Button = styled.button` background-color: #ccc; &:focus:not(.empty) { background-colo: #0090ff; }; &:hover:not(.empty) { background-colo: #0090ff; } &.user_button:not(.empty) { background-colo: #0090ff; }`; 2024. 1. 2.
[JavaScript] 배열 합집합, 교집합 반환 / Set, filter, include 합집합const arrA = [1, 4, 3, 2]; const arrB = [5, 2, 6, 7, 1];const result = [...new Set([...arrA, ...arrB])]; // [1, 4, 3, 2, 5, 6, 7]  교집합const arrA = [1, 4, 3, 2]; const arrB = [5, 2, 6, 7, 1];const result = arrA.filter(it => arrB.includes(it)); // [1, 2] 2023. 12. 30.
[JavaScript] 배열 중복 제거 / set, map, reduce, filter Set숫자/문자열 const values = [3, 1, 3, 5, 2, 4, 4, 4];const uniqueValues = [...new Set(values)]; // [3, 1, 5, 2, 4] mapconst list = [3, 1, 3, 5, 2, 4, 4, 4]; const result = [...new Map(list.map(item => [item, item])).values()];console.log(result); // [3, 1, 5, 2, 4] reduceconst list = [3, 1, 3, 5, 2, 4, 4, 4];const result = list.reduce((accumulator, currentValue) => { if (!accumulator.includes(curr.. 2023. 12. 30.
오픈소스 저작권: MIT, ISC, Apache License 등 주요 라이선스 완벽 정리 개요오픈소스 라이선스는 법률적, 기술적 지식 모두를 아우르는 복합적인 영역입니다.프로젝트의 사용 목적에 따라 적절한 라이선스를 선택하는 것은 필수입니다.이번 포스팅에서는 오픈소스 저작권의 카테고리와 특징, 그리고 주요 라이선스에 대해 정리해 보겠습니다.  오픈소스 저작권이란?저작권자의 권리법적으로 창작물의 저작자는 그 창작물에 대한 사용, 복사, 배포, 수정의 범위를 결정할 권리를 갖습니다.따라서 저작권자의 허락 없이는 이를 자유롭게 사용할 수 없습니다.오픈소스 라이선스의 역할오픈소스에서는 저작권자가 소스 코드의 사용 조건과 사용자가 준수해야 할 의무 사항을 라이선스를 통해 명시합니다.즉, 오픈소스라도 라이선스를 확인하지 않고 사용하면 저작권 침해 문제가 발생할 수 있습니다.중요: 오픈소스를 사용할 때는.. 2023. 12. 30.
[JavaScript] 특정 위치 문자 찾기 / charAt() const str = 'qwertyuiasdfghjk'console.log(str.charAt()); // qconsole.log(str.charAt(0)); // qconsole.log(str.charAt(5)); // yconsole.log(str.charAt(-1)); //''console.log(str.charAt(a)); // error 2023. 12. 27.
[JavaScript] 대문자, 소문자 변경 / toUpperCase(), toLowerCase() 대문자 -> 소문자toLowerCase()const str = 'hello World';console.log(str.toUpperCase()); // 'HELLO WORLD'  소문자 -> 대문자toUpperCase()const str = 'hello World';console.log(str.toLowerCase()); // 'hello world'   값 비교하기- 값 비교 시 대소문자를 통일하여 비교한다. 예를 들면1) 검색창 키워드 검색2) 대소문자 구분없는 아이디var string='UPPER lower';string=string.toUpperCase();console.log(string); //UPPER LOWERstring=string.toLowerCase();console.log(string.. 2023. 12. 27.
728x90
반응형