개발 TIP
-
CORS / Preflight 란 무엇인가?개발 TIP/기타 2023. 3. 12. 22:02
CORS에 대한 이해 🌐 CORS (Cross-Origin Resource Sharing)란 웹 브라우저가 사용하는 보안 방식 중 하나로, 다른 도메인에서 자원을 공유할 수 있도록 허용하는 규약입니다. 이전에는 동일 출처 정책(Same Origin Policy)이 적용되어 한 도메인에서 로드한 문서나 스크립트에서 다른 도메인의 자원을 요청할 경우, 보안상의 이유로 브라우저에서 차단되었습니다. 하지만, CORS는 서로 다른 도메인 간의 자원 공유를 허용하여 이러한 문제를 해결할 수 있게 됐습니다. CORS의 구체적인 동작 방식은 HTTP 헤더를 통해 이루어집니다. 웹 애플리케이션에서 다른 도메인의 자원을 요청할 때, 브라우저는 먼저 해당 도메인의 서버에 preflight 요청을 보냅니다. 서버는 이 요청에..
-
GitHub Action을 이용한 Vue.js CI/CD 구축개발 TIP/GIT 2023. 3. 2. 21:56
GitHub Action을 이용한 Vue.js CI/CD 구축 Vue.js 개발을 하다보면, 지속적인 통합 및 배포(CI/CD)가 필요합니다. 이를 구축하기 위해서는 다양한 도구들이 있지만, 이번에는 GitHub Action을 이용하여 Vue.js CI/CD를 구축하는 방법을 알아보겠습니다. 1. GitHub Action이란? GitHub Action은 GitHub에서 제공하는 지속적인 통합, 배포를 위한 자동화 도구입니다. CI/CD를 위한 다양한 기능들을 제공하며, 또한 다양한 언어와 프레임워크를 지원합니다. 2. Vue.js CI/CD 구축하기 2.1. workflow 파일 생성하기 Vue.js 프로젝트 루트 디렉토리에 .github/workflows 폴더를 생성하고, 그 안에 ci-cd.yml 파..
-
GitHub Action Workflow 전략개발 TIP/GIT 2023. 3. 2. 21:51
😎 GitHub Action Workflow 전략 GitHub Action은 GitHub에서 제공하는 CI/CD 도구입니다. 이를 활용하여 빌드, 테스트, 배포 등의 자동화된 작업을 수행할 수 있습니다. Workflow 정의 Workflow는 GitHub Action에서 수행하는 작업의 모음입니다. 이 작업들은 하나의 YAML 파일로 정의됩니다. 각 작업은 job으로 정의되며, 여러 개의 job을 하나의 workflow로 연결할 수 있습니다. Workflow는 특정 이벤트(예: push, pull request 등)가 발생할 때 실행됩니다. Workflow 구성 Workflow를 구성하는 주요 구성 요소는 다음과 같습니다. Name Workflow의 이름을 정의합니다. 이름은 유일해야 합니다. On Wo..
-
🧪 프로그래밍 언어 비교 표개발 TIP/기타 2023. 2. 27. 16:39
언어 장점 단점 사용 분야 Python 문법이 간결하고 가독성이 뛰어나며 다양한 분야에서 사용됨 실행 속도가 느리고 GIL(Global Interpreter Lock)로 인한 동시성 처리에 제약이 있음 머신러닝, 데이터 분석, 웹 개발 등 Java 객체지향 프로그래밍이며 안정적이고 보안성이 높음 메모리 사용량이 많고 실행 속도가 느림 대규모 시스템, 웹 애플리케이션, 안드로이드 애플리케이션 등 JavaScript 웹 개발에서 필수적이며 동적인 웹 페이지를 만들 수 있음 자바스크립트 엔진의 차이로 인한 브라우저 호환성 문제가 있음 웹 개발, 클라이언트 사이드 스크립팅 등 C++ 높은 성능을 보장하며 하드웨어 제어에 용이함 메모리 누수, 버그가 발생하기 쉬움 시스템 프로그래밍, 게임 개발, 임베디드 시스템 ..
-
🚦 동기(Synchronous) 프로그래밍과 🏎️ 비동기(Asynchronous) 프로그래밍의 차이점개발 TIP/기타 2023. 2. 26. 19:56
작업의 실행 방식에 따라 동기 프로그래밍과 비동기 프로그래밍은 다릅니다. 🚦 동기 프로그래밍의 장단점 장점 코드가 순차적으로 실행되기 때문에 디버깅이 쉽습니다. 작업이 완료될 때까지 기다리기 때문에 결과를 쉽게 예측할 수 있습니다. 코드가 단순하며 직관적입니다. 단점 작업이 끝날 때까지 대기하기 때문에, CPU 자원을 낭비하고 시스템 성능이 저하될 수 있습니다. 여러 작업을 처리할 때, 모든 작업이 순차적으로 실행되기 때문에 처리 시간이 길어질 수 있습니다. 🏎️ 비동기 프로그래밍의 장단점 장점 비동기 방식은 작업을 처리하고 있는 동안에도 다른 작업을 처리할 수 있기 때문에 시스템 성능을 향상시킬 수 있습니다. 비동기 방식은 I/O 작업과 같은 느린 작업을 처리할 때 효과적입니다. 단점 코드의 복잡도가 ..
-
Git 이모지 컨벤션 사용개발 TIP/GIT 2023. 2. 5. 23:38
아이콘 코드 설명 원문 🎨 :art: 코드의 구조/형태 개선 Improve structure / format of the code. ⚡️ :zap: 성능 개선 Improve performance. 🔥 :fire: 코드/파일 삭제 Remove code or files. 🐛 :bug: 버그 수정 Fix a bug. 🚑 :ambulance: 긴급 수정 Critical hotfix. ✨ :sparkles: 새 기능 Introduce new features. 📝 :memo: 문서 추가/수정 Add or update documentation. 💄 :lipstick: UI/스타일 파일 추가/수정 Add or update the UI and style files. 🎉 :tada: 프로젝트 시작 Begin a proje..