본문 바로가기
반응형

전체 글406

[Cloudflare] Zero Trust Policies로 특정 IP만 접근하게 하기 Cloudflare에서 Zero Trust Policies로 특정 IP만 접근하게 하는법Cloudflare Zero Trust 설정1. Cloudflare Dashboard에 로그인2. 대시보드의 Zero Trust 탭으로 이동 후 대시보드의 Access 선택, Applications 탭으로 이동4. Add an application클릭 후 Self-hosted 선택 후 application, 도메인, 이름등을 입력  - 이때 허용되지 않는 IP에서 접속하였을 시, Redirect를 해줄 웹사이트가 있다면 Block Pages 탭에서 설정5. Next를 클릭후 Access Policy 설정 후 새러온 정책을 추가6. Policy Type: Allow, Criteria: IP range (허용할 IP) 설.. 2024. 8. 8.
[개발용어] Framework vs Platform 프레임워크, 플랫폼이란?, 프레임워크 vs 플랫폼 프레임워크(Framework)1. 프로그램을 개발할 때 사용할 수 있는 인터페이스 패키지2. 인터페이스: 개발의 기본 구조와 필요한 코드, 알고리즘, 암호화 체계, 데이터베이스등의 연동방식의 집합체3. 그 자체가 완벽하게 동작할 수 있는 응용프로그램4. 따로 사용자가 작성한 코드가 없더라도 동작하는데 문제가 없음5. 기본적으로 실행해야 할 일을 가지고 사용자가 작성하는 코드의 시작점이 없어 제어를 프레임워크가 전담함6. 사용자는 프레임워크가 정의한 동작을 재정의하는 형태로 코드를 추가할 수 있음(Extensible)7. 프레임워크 자체의 변경은 용납하지 않음(Non-modifiable)8. 사용자가 쉽게 코딩할 수 있는 방법을 제공하지만 의존성도 높아짐e.. 2024. 8. 3.
[Node.js] npm에서 yarn Berry 혹은 pnpm으로 마이그레이션 npm에서 yarn Berry 혹은 pnpm으로 마이그레이션  1. npm에서 yarn Berry로 마이그레이션 0. yarn 설치sudo npm install -g yarn 1. yarn을 yarn berry로 변경yarn set version berry 2. .yarnrc.yml에 nodeLinker 정보추가nodeLinker: "node-modules"3. package.lock.json, node_modules 제거  4. node_modules 생성yarn install (yarn i) - .yarn 디렉토리 하위에 cache가 생성되지 않는다면 .yarnrc.yml에 다음 옵션 추가enableGlobalCache: false - cache, releases디렉토리 및 install-state... 2024. 8. 2.
[Node.js] npm, node version upgrade 1. node version upgrade0. 현재 node version 확인node -v 1. 아래 명령어로 npm에 남아있는 캐시를 우선적으로 삭제npm cache clean --force - 삭제해주지 않으면 최신 버전 업데이트를 할 때 오류가 발생 가능 2. 아래 사이트에서 nvm 다운로드https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com - window에서는 위 nvm을 사용해야 함- mac 에서.. 2024. 8. 1.
[Node.js] 자바스크립트 패키지 매니저(npm, yarn, pnpm) npm vs yarn vs pnpm 1. 자바스크립트 패키지 매니저- Frontend 개발자가 사용하는 자바스크립트 패키지 매니저: npm, yarn, pnpm 등- 프로젝트 하나가 수십, 수백개의 패키지에 의존- Node.js실행환경(runtime)에서 돌아감- package.json이라는 파일에 프로젝트가 의존 및 패키지 목록 명시- 패키지는 프로젝트의 node_modules디렉토리에 저장2. npm (Node Package Manager)1. Node.js의 표준 패키지 매니저2. Node.js 설치 시 같이 설치되는 기본 패키지 매니저 2.1 npx (Node Package Runner)- npm에서 제공해주는 하나의 도구- 패키지의 최신버전 파일을 불러와 설치 및 실행하고 실행된 후 해당 패키지.. 2024. 7. 31.
[크롬 개발자 도구] 센서(위치정보 설정, 기기 방향 변경, 터치 이벤트 발생, 유휴상태 만들기) 크롬 브라우저를 사용하여 모바일 웹 개발을 할 경우 센서탭 활용1. 크롬에서 위치관련 정보를 사용하여 테스트할 때 사용하는 위치정보 설정2. 기기 방향에 따른 값을 테스트 해볼 때 사용하는 기기 방향 시뮬레이션3. 터치 이벤트 발생을 확인하여 테스트 해볼 때 사용하는 강제 터치4. 사용자 유휴상태 혹은 화면 잠금에 따른 테스트를 할때 사용하는 유휴상태 만들기 1. 위치정보 설정하기  1. 위 사진처럼 위치정보를 사용하기 위해 F12를 눌러 개발자도구로 들어가 설정 > More tools > Sensors를 차례대로 클릭한다.  2. 위 화면에 Locaation에 나오는 나라를 선택하면 해당 나라의 임의의 좌표가 나온다.아쉽게 한국위치는 프리셋 데이터에 없기때문에 Manage를 선택한 후에 아래 사진처럼 .. 2024. 7. 22.
[FreeRTOS] Critical Section(임계 영역), 공유자원 보호하기 FreeRTOS에서 Critical Section(임계 영역), 공유자원 보호하기 임계 영역이란?2024.05.21 - [소프트웨어 공학 용어 정리] - [SW 용어] 동기화(Synchronization), 임계 영역(Critical Section) [SW 용어] 동기화(Synchronization), 임계 영역(Critical Section)동기화(Synchronization)1. 동기화는 시스템을 동시에 작동시키기 위해 여러 사건들을 조화시키는 것을 의미한다.2. 병행성과 관련해서 공유되는 자원에 대한 이해와 공유자원 사용과 관련해서 생길kfdd6630.tistory.com 임계 영역을 보호하는 4가지 방법1. 인터럽트 중단(taskENTER_CRITICAL(), taskEXIT_CRITICAL() .. 2024. 6. 10.
[Git, Github] Commit Message Convention naming Convention: 이름 짓는 약속예) camelCase(카멜 케이스), snake_case(스네이크 케이스), PascalCase(파스칼 케이스)Git Commit Message Convention위와 같이 이름을 짓는 약속을 하듯이 Commit message에 대한 약속이다.협업 시 필수적으로 알아야하는 내용이고 익숙해진다면 Git commit message 기록이 깨끗해지고 누가봐도 이해가 가능해질 수 있다.  Commit Meesage의 구조1. 제목1. 제목은 최대 50글자 넘지 않기2. 마침표 및 특수기호 사용하지 않음3. 첫 글자 대문자, 명령문 사용4. 개조식 구문으로 작성(간결하고 요점적인 서술)2. 본문 (생략 가능)1. 한 줄당 72자 내로 작성2. 최대한 상세히 작성3.. 2024. 6. 5.
[FreeRTOS] Task의 Stack 최적의 사이즈 설정 FreeRTOS에서 Task의 적절한 Stack Size 설정1. 작업은 xTaskCreate() 또는 xTaskCreateStatic() API 함수를 사용하여 생성할 수 있다.2. 함수의 usStackDepth 매개변수는 생성 중인 작업에 할당될 스택의 크기를 지정한다.  - 이떄 단위는 byte가 아니고 word이다.3. 필요한 스택 양은 다음 애플리케이션별 매개변수에 따라 달라진다.4. 스케줄러가 다른 작업을 실행하기 위해 작업 실행을 일시적으로 중지할 때마다 프로세서 컨텍스트가 작업 스택에 저장된다.5. 저장된 프로세서 컨텍스트는 다음에 작업이 실행될 때 작업 스택에서 제거된다.6. 프로세서 컨텍스트를 저장하는 데 필요한 스택 공간은 RTOS 자체에서 발생하는 작업의 스택 요구 사항에 추가되는 .. 2024. 5. 30.
[SW 용어] Bit, Byte, Word 정리 Bit1. Bit는 0 혹은 1을 표현한다.2. n개의 Bit는 2의 n승개(2^n)의 정보를 저장할 수 있다.3. 컴퓨터와 디지털 통신에서 가장 기본적인 정보단위이다.4. 이진숫자라는 Binary Digit이라는 수에서 유래되었다.5. Boolean을 사용하는 True, False는 1Bit를 사용한다. (0 or 1)6. 컴퓨터는 0이랑 1으로 계산한다는 말은 Bit로 계산하기 때문이다.Byte1. Byte는 8Bit이고 256(0~255, 2^8)개의 정보를 저장한다.2. 가장 일반적으로 8bit로 구성된 디지털 정보 단위이다.3. Byte는 컴퓨터에서 단일 문자를 인코딩하는데 사용되는 비트수였다.4. 인터넷 네트워크 프로토콜 문서의 Octet(옥텟)단위와 달랐었지만 점차 같은 의미로 사용한다.5... 2024. 5. 29.
반응형

티스토리툴바