티스토리

개발자국

검색하기

블로그 홈

개발자국

cajava.tistory.com/m

Dogfoot_JW 님의 블로그입니다.

구독자: 4

방명록 방문하기

주요 글 목록

[책] 이펙티브 엔지니어 후기 소감 회사에 있는 책 중에 "이펙티브 엔지니어"라는 책을 발견하게 되었다.요즘 사내에 개발자들이 많아져서 그런지 IT 관련 서적을 많이 구매하는 것 같았다.살짝 훑어봤을 때 내용이 크게 어려워 보이지 않았고, 책에서 사용하는 용어들도 대부분 개발자라면 바로 알 만한 단어들로 이뤄져 있었다. 두껍지도 않아 (대략 250페이지 정도) 시간 내서 읽어보려고 이번 주에 완독을 했는데, 사실 테마가 "개발자들을 위한", "IT업무 효율"이지만, 이 책에서 나오는 개발 용어들을 일반 업무용어로 바꿔서 읽으면 비개발 직군에게도 충분히 유용할 수 있는 자기 개발서라고 생각한다. 특히 업무의 우선순위도 선별과정, 지표를 활용한 내 업무에서의 활용, 차라리 빠른 실패를 경험하기 등 내가 읽으면서도 "응? 이건 개발자들에게.. 공감수 0 댓글수 0 2025. 3. 16.
Certbot SSL발급 최고의 적용 방법 with Nginx 개요certbot을 통해 발급한 *.mydomain.com 이라는 와일드카드 주소가 renew로 갱신이 안 돼서 다른 방법을 찾게 되었다.와일드카드도 자동 갱신이 가능하긴 한데 과정이 너무 복잡하여 다른 방법을 찾게 되었고, 이번엔 가장 깔끔한 방법을 정리하고자 한다.아래 내용은 web호스팅, 프록시 호스팅을 예시로 두고 있다.또한 가비아 등 별도로 도메인 공급업체에서 ACME 수동 인증을 통하지 않아서 번거로움을 줄일 수 있다. 환경Ubuntu 22.04certbotnginxcode-server (설치되어있음. 8080 포트 사용) 진행1. Certbot 설치하기Ubuntu/Debiansudo apt update sudo apt install certbotsudo apt install python3-c.. 공감수 0 댓글수 0 2025. 3. 4.
[Flutter] 두 키보드 포커스 해제 방법의 차이 (FocusScope VS FocusManager) 서론Flutter에서 키보드를 내리는 방법에는 여러 가지가 있다. 그중에서도 가장 많이 사용하는 방법이 FocusManager.instance.primaryFocus?.unfocus();와 FocusScope.of(context).unfocus();이 있다.이번 글에서는 이 두 방식의 차이점과 각각의 특징에 대해 자세히 살펴보려고 한다. 1. FocusManager.instance.primaryFocus?.unfocus();이 방식은 현재 활성화된 입력 포커스를 전역적으로 해제하는 방법이다. Flutter의 FocusManager는 애플리케이션 전체의 포커스 상태를 관리하는데, 여기서 primaryFocus를 통해 현재 활성화된 포커스를 가져올 수 있다. 이 값을 사용해 포커스를 해제하면 키보드가 내려가.. 공감수 0 댓글수 0 2025. 1. 8.
이벤트 소싱 (Event Sourcing) 은 무엇일까? 이벤트 소싱(Event Sourcing)은 시스템의 상태를 직접 저장하는 대신, 발생한 이벤트를 순서대로 기록하고 이 이벤트들을 기반으로 상태를 재구성하는 설계 패턴이다. 전통적인 CRUD 방식과 다르게 모든 상태 변경의 이력을 기록하고 이를 통해 현재 상태를 파악한다.이벤트 소싱의 기본 개념이벤트(Event)이벤트는 시스템에서 발생한 상태 변경의 기록이다. 예를 들어, 은행 시스템에서는 계좌 개설, 입금, 출금 같은 것이 이벤트가 될 수 있다. 각 이벤트에는 발생 시간, 관련된 데이터, 변경 사항이 포함된다.이벤트 로그(Event Log)이벤트들은 시간 순서대로 기록되며 불변(Immutable)이다. 삭제되거나 수정되지 않고, 모든 상태 변경 이력을 보관한다.리플레이(Replaying)이벤트 로그를 처.. 공감수 1 댓글수 1 2024. 12. 16.
[Linux] 서버에 Nvidia 그래픽 드라이버 설치 요즘 LLM에 대한 관심이 높아지면서 자체 서버에 LLM모델을 실행시키는 사람들이 많아졌다.LLM을 위해서는 그래픽카드가 필수인데 서버 측에 있는 그래픽카드가 구형이라 구형 드라이버에 맞게 설치를 해줘야 한다. 우선 Nvidia그래픽 드라이버 사이트로 들어가서 내 PC에 설치된 Driver를 검색하여 찾은 뒤 Linux버전으로 가져온다. https://www.nvidia.com/en-us/drivers/ Download The Latest Official NVIDIA DriversDownload the latest official NVIDIA drivers to enhance your PC gaming experience and run apps faster.www.nvidia.com 그리고 다운로드를.. 공감수 1 댓글수 0 2024. 12. 12.
[DiscordJS] Gateway Intent는 무엇일까? 개요디스코드 봇은 Discord API와 WebSocket연결을 기반으로 동작하는 Event-driven(이벤트기반) 라이브러리이다.디스코드상에서 이뤄지는 모든 이벤트는 실시간으로 감지를 할 수 있는데, 모든 이벤트를 상시적으로 감시하게 되면 당연히 리소스의 낭비가 심해진다. 또한 모든 이벤트에 대해 감지를 함으로써 민감한 데이터에 접을 할 수 있는 경우가 생길 수 있다.이러한 이유로 인해 DiscordAPI v8부터는 개발자 인증제도와 Gateway Intent가 도입이 되었는데, 봇을 개발하다 보면 이 부분으로 인해 가끔 작동되어야 할 부분이 작동되지 않는 경우가 발생하기도 한다. 그렇다면 Gateway Intent는 도대체 무엇일까? Gateway Intent란?Discord Gateway Inte.. 공감수 0 댓글수 0 2024. 12. 4.
[Javascript] 비트 시프트 연산자 <<, >> (BitWise Shift <<, >>) 개요자바스크립트에서는 다양한 연산자가 있다. & (AND 논리 연산자)| (OR 논리 연산자)^ (배타 논리 연산자)~ (부정 논리 연산자)>> (오른쪽 비트 시프트 연산자)>>> (부호 없는 오른쪽 비트 시프트 연산자)AND부터 부정 논리 연산자까지는 보편적으로 사용되기 때문에 낯이 익을 것이다.하지만 비트 시프트 연산자들의 경우 우리가 평상시 코딩을 할 때 사용할 일이 많지가 않아 다소 생소할 수 있다.오늘은 비트 시프트 연산자에 대해 자세하게 알아보려고 한다. 비트 시프트 연산자비트 시프트 연산(Bitwise Shift)은 자바스크립트에서 숫자를 비트 단위로 이동시키는 연산이다. Shift가 영단어 그대로 (옮기다)이며 Bit를 옮긴다라는 느낌으로 이름이 지어진 것 같다. 이 연산은 퍼포먼스가 중.. 공감수 0 댓글수 0 2024. 12. 4.
[리눅스] 나만의 명령어 만들기 (커스텀 커맨드) 개요 리눅스 시스템에서 내가 자주 쓰는 명령어들이 있다.대표적으로 현재 폴더의 내의 용량을 조회하는 'du -h --max-depth=1'과 특정 서버를 재시작하는 'sudo systemctl restart someService.service' 등이 있다.찾아보던 중 alias라는 방법과 스크립트 적용방법 등이 있다. 1. Alias로 설정하기 (간단한 방법) alias를 사용하면 특정 명령어에 대한 단축키를 설정할 수 있다. bash 수정vi ~/.bashrc # Bash 사용 시vi ~/.zshrc # Zsh 사용 시 파일 끝 줄에 다음 줄 추가alias dumd='du -h --max-depth=1'alias scr-s='sudo systemctl restart someService.servi.. 공감수 0 댓글수 0 2024. 11. 29.
[Flutter] Stack 위젯의 크기 결정 방식 이해하기 개요최근에 플러터 Stack 관련된 오류를 심하게 겪었다.아무래도 그동안 Stack에 대한 이해도가 낮아서 그런지 빠르게 문제해결을 하는데 어려움을 겪은 것 같다.그래서 Stack의 기본 원리와 구조를 찾아보게 되었고, 내 나름대로 개념과 예시를 정리하게 되었다.# Flutter Stack 위젯의 크기 결정 방식 이해하기Flutter에서 Stack은 여러 위젯을 겹쳐서 배치할 수 있게 해주는 레이아웃 위젯이다. Stack이 어떻게 자신의 크기를 결정하는지 자세히 알아보자.Stack의 기본 원리Stack의 크기는 기본적으로 non-positioned 자식들에 의해 결정된다. 이때 non-positioned 자식들이 있다면, Positioned가 적용된 자식들은 Stack의 크기 결정에 영향을 주지 않고 S.. 공감수 0 댓글수 0 2024. 11. 19.
[Flutter] Stack의 Widgets를 원형으로 배치하기 (Circle Layout) 개요얼마 전에 플러터로 동글동글한 UI를 개발하던 중 Stack 구조에 자식위젯들을 원형으로 배치해야 되는 일이 생겼다.가장 효율적인 원형배치를 하기 위해서는 dart:math 패키지에 있는 삼각함수 기능들 (sin, cos) 등을 사용할 필요가 있었고, 깔끔한 방법으로 구현을 하게 되어서 공유를 하고 싶었다.아래의 사진은 내가 구현한 원형 스택 구조의 모습이다. 과일의 이름들을 따서 각 개수만큼 자동으로 원형 배치가 이뤄지는 구조다.이를 구현하기 위해서는 우선 삼각비에 대해 이해할 필요가 있다.중학교 때 배웠던 내용이지만 시간이 지나면서 거의 기억이 나지 않았는데, 원형 좌표를 구현하기 위해 원 방정식을 이용하다 더 쉬운 방법인 삼각비를 기억해 내게 되었다. 삼각비를 통한 계산 공식 자, 복습을.. 공감수 2 댓글수 0 2024. 10. 8.
[Flutter] MediaQuery.of(context) 사용시 문제점 MediaQuery에 대해플러터에서는 MediaQuery라는 클래스가 존재한다.MediaQuery는 앱이 실행 중인 장치의 화면에 대한 정보를 가져오기 위한 용도로 사용하며 화면의 사이즈를 포함한 다양한 기능들을 제공하고 있다.Flutter에서 반응형 UI를 사용하기 위해서는 없어서는 안 될 존재이며, 이를 이용해 다양한 UI 기능을 제공하는데 도움을 줄 수 있다. MediaQuery 가 제공하는 기능들MediaQuery를 사용할 때는 MediaQuery.of(context).[property] 를 이용해 원하는 프로퍼티를 가져와 사용할 수 있다.현재 3.24.0 기준으로 MediaQuery에서 제공하는 기능은 다음과 같다. sizewithNoTextScalingwithClampedTextScalingv.. 공감수 0 댓글수 0 2024. 10. 7.
[Flutter] Riverpod이나 상태관리로 Localization 즉시 바뀌게 만들기 개요플러터에서 현지화(Localization)를 적용하기 위한 패키지는 다양하다.가장 대표적으로 사용되는 패키지인 easy_localization과 플러터 기본 패키지인 flutter_localizations가 있다 (flutter_localization 아님)그러던 중 실시간 반응형 앱을 개발하다가 localization을 적용했을 때 매번 앱을 재시작한다는 점이 나를 괴롭게 했다.또한 외부 패키지를 도움받아서 localization을 적용하려니 앱이 무거워지는 느낌도 드는 게 좋지 않았다.이참에 새롭게 개발을 하는 겸 나는 외부패키지의 도움 없이 직접 localization을 적용해 보자고 결심을 했고, 깔끔하게 나만의 방식으로 localization을 적용하게 되었다. 구성Flutter 3.10.. 공감수 3 댓글수 1 2024. 10. 7.
[Flutter] Factory를 통한 Singleton 패턴 개요일반적인 객체지향 프로그래밍 언어에서는 새로운 객체를 생성할 때는 생성자 호출 시 new 키워드와 함께 객체를 생성할 수 있다.Flutter 도 초창기 1.x 버전 당시에만 해도 어떤 클래스든 생성자를 호출하여 객체를 생성할 때 new 키워드를 반드시 붙였어야 했다.하지만 대부분의 Widget 들은 class로 선언되어 사용되고 있기 때문에 new 키워드의 잦은 사용으로 이를 보완하게 되면서 new를 사용하지 않더라도 생성자 호출 시 자동으로 new 생략하여 객체를 생성할 수 있게 되었다. (일반 class도 적용됨)그러나 만약 같은 객체를 무수히 많이 생성하게 된다면 과도한 메모리 오버헤드가 발생하게 될 것이다.이때 싱글톤패턴은 객체를 딱 한 번만 생성하여 사용하도록 도와주는 패턴이다.또한 어플리.. 공감수 3 댓글수 0 2024. 10. 5.
[Flutter Web] 대표적인 렌더러 HTML과 CanvasKit 차이에 대한 고찰 개요이번 주제는 Flutter web을 빌드할 때 사용하는 --web-renderer의 대표적인 두 가지 옵션 html, canvaskit에 대해 알아보려고 한다.이번 주제에서는 가장 많이 사용되는 렌더러를 제외한 wasm은 보통 렌더러라고 하지 않아 이번 글에서는 논하지 않도록 하겠다.얼마 전에 플러터의 애니메이션을 최대한 활용한 플러터 웹을 만들고 있었다.개발용 PC의 성능이 좋아 최대한의 기능을 활용하여 몹시 아름다운 동적 웹사이트를 만드려고 했다.그리고 중간정도 완성을 한 후 배포 테스트를 위해 서버 PC에 있는 Nginx를 이용해 배포를 했다. 예상대로 내가 주로 사용하는 맥미니에서 배포된 웹사이트로 접근했을 때 개발할 때와 같은 모습으로 잘 렌더링이 되었다.하지만 내가 가지고 있던 기기 중 성.. 공감수 6 댓글수 3 2024. 10. 4.
[NodeJS] 엑셀의 차트, 함수, 그래프 유지하며 저장하기 with xlsx-populate 개요 최근에 NodeJS를 통해 엑셀파일을 불러와 새로운 엑셀로 생성하려고 하다 문제가 생겼다. 엑셀을 출력할 때 스타일, 차트, 함수 등이 전부 깨지는 현상이 발생한 것이다. 확인을 해보니 내가 사용하던 xlsx 라이브러리는 엑셀 저장을 할 때 기존에 불러온 엑셀을 그대로 저장하는 게 아닌 새로운 엑셀파일로 저장하는 것이 문제였다. 아무리 찾아봐도 차트를 유지해 주는 기능을 찾지 못했다. 그렇게 삽질을 이어가던 중 xlsx-populate라는 라이브러리를 발견했다. https://www.npmjs.com/package/xlsx-populate xlsx-populateExcel XLSX parser/generator written in JavaScript with Node.js and browser s.. 공감수 0 댓글수 0 2024. 10. 4.
[NodeJS] 아주 쉽게 타입스크립트 적용하기 Typescript 설치현재 PC에 타입스크립트를 설치한다. npm i -g typescript pakage.json 파일 생성npm init -y필요한 구성 요소 설치npm i -D tsx @types/node express @types/express ts-node nodemon tsconfig.json 파일 생성TypeScript로 짜여진 코드를 JavaScript로 컴파일하는 옵션을 설정하는 파일npx tsc --init필요한 옵션 작성{ "compilerOptions": { "target": "ES2022", //ES2022 문법 적용 "module": "commonjs", //어떤 모듈 방식으로 컴파일할지 설정 "outDir": "./dist", //컴파일 후 js 파일들이 생.. 공감수 1 댓글수 1 2024. 9. 5.
[DiscordJS] 10분만에 디스코드 봇 제작하기 개요2년 전부터 재미로 만들어서 여러 서버에 잘 사용하고 있는 봇이 있다.그 봇은 나의 NodeJS 기술력을 융합하여 만들어낸 특별한 프로그램이다.먼지 쌓인 서버 안에서도 24시간 2년 내내 열일하고 있는 봇의 모습을 보며, 나 혼자만 갖고 있긴 아쉬운 녀석이라고 생각했다.따라서 오늘부터 천천히 디스코드봇 개발에 관심 있는 자들을 위한 튜토리얼을 시작하고자 한다.게시글 제목을 10분 만에 제작한다고는 했지만, PC사양이나 환경에 따라서 실제로는 5분 또는 20분이 걸릴 수 있다. 구성진행하기 앞서, 내가 사용한 Tool을 미리 열거해 두도록 하겠다. Windows10NodeJSDiscordJSJavascriptVisualStudio Code 진행1. 툴 설명특별히 복잡한 툴을 사용하지 않는다.간단히 내가.. 공감수 7 댓글수 20 2024. 9. 5.
[NestJS] Async, 비동기로 인한 프로세스 중단 방지 1. try-catch 블록 사용하기비동기 함수에서 오류가 발생할 가능성이 있는 코드를 try-catch로 감싸면, 오류가 나도 앱이 죽지 않고 오류를 처리할 수 있다.import { Injectable } from '@nestjs/common';@Injectable()export class ExampleService { async someAsyncFunction() { try { // 비동기 작업 수행 const result = await this.someOtherAsyncFunction(); return result; } catch (error) { // 오류 발생 시 처리 console.error('오류 발생:', error); //.. 공감수 0 댓글수 0 2024. 8. 21.
[책 소개] 지적인 대화를 위한 넓고 얕은 지식 1 ID : 202408111721Title : 지적인 대화를 위한 넓고 얕은 지식 1Author : 채사장Category : [[인문]]Tags : #채사장 #인문 #역사 #정치 #경제 #지대넓얕Score : 9/10 소개우리가 만약 사자와 대화를 할 수 있다면 어떨까?우리는 사자와의 대화를 통해 그들과 원활한 소통을 이룰 수 있을까?설령 사자가 대화를 할 수 있다 하더라도 우리는 그들을 이해할 수 없을 것이다.사자가 살아온 삶과 우리가 살아온 삶이 다르기 때문이다.이처럼 우리 주변에는 다양한 사자들이 있다. 카페에서 커피를 만드는 사자, 회사에서 업무지시를 내리는 사자. 우리가 사자와 대화를 하기 위해 필요한 것은 언어가 아니다. 바로 공통분모다.이 책에서는 서로 다른 사자들과 대화를 하기 위한 최소한.. 공감수 3 댓글수 1 2024. 8. 12.
[책 소개] 객체지향의 사실과 오해 ID : 202407301344Title : 객체지향의 사실과 오해Author : 조영호Category : [[ IT ]]Tags : #it #oop #객체지향 #책Score : 8/10 책에 대한 소개이 책을 읽기 앞서, 나는 객체지향에 대한 개념은 어느 정도 이해하고 있었다. 대학생 시절부터 이론 수업에서부터 중요하게 다룬 항목이 바로 객체지향이었다. 내가 알고 있던 객체지향은 실생활의 사물, 물체 등을 추상화하여 그것을 PC안에서 다루기 위한 기법으로 객체를 중심으로 디자인을 하는 패턴으로 알고 있었다.하지만 단순히 객체지향을 추구한다고 해서 개발실력에 도움이 된다 생각하지 못하고 있었다. 어플리케이션의 대부분을 개발할 때 클래스의 기능과 속성들을 중심으로 개발을 진행해 왔다 보니. 객체지향에 대.. 공감수 0 댓글수 0 2024. 8. 4.
[Flutter] 아이패드에서 플러터 코딩하기 with Code-Server 개요서버용 라즈베리파이에 Code-Server를 설치한 후 코딩에 대한 제약 사항이 많이 개선되었다.아이패드에서 내 개인 Code-Server로 접속하여 NodeJS API 구현을 하는 등, 개발 취미에 대한 자유도가 많이 높아졌다. (디스코드 봇도 code-server를 통해 성공적으로 구현 완료). Code-Server 만세!!!!요즘에 Flutter Web을 통해 이런저런 실험을 진행하고 있는데, Flutter Web도 Headless-server를 근본으로 포트를 구성하여 Chrome이나 기타 브라우저에서 디버그가 가능하게 구현이 되어있는 듯했다.근데 이 녀석, 만약 외부에 접근할 수 있는 환경이라면, Code-Server를 통해서도 충분히 Flutter 개발이 가능하다면 어떨까?라는 생각이 들어.. 공감수 0 댓글수 0 2024. 4. 22.
[실험] 마크다운 테스트 중요한건 꺾이지 않는 마음 하나 1. 기본 마크다운 테스트를 진행하고자 한다. 함수 선언문 (function statment) 함수 표현식 (function expression) Function() 생성자 함수2. 얍얍호호호 서식체 안녕하신가요. _안녕하신가요*_호호 안녕하신가요* 둘 야호 야호야호 //this is code block console.log(test); 탭으로 들여쓰기 2322 3433테스트 완료 공감수 0 댓글수 0 2024. 1. 31.
[Code-Server] 코드서버에 SSL 인증서 적용하기 ID : 2401302045Tag : #code-server #linux #ssl개요이전 작업에 이어 이번엔 Code-Server에 SSL 인증서를 적용하고자 한다.구성아래의 항목은 Code-Server에 SSL 인증서 적용을 위한 기본 구성사항이다.OS : Ubuntu 20.04.5 LTS (GNU/Linux 5.4.0-1100-raspi aarch64)Code-Server : v4.20.1Nginx : v1.18.0 (ubuntu)Proxy_pass 가 구성된 상태 [https://cajava.tistory.com/62] 를 먼저 진행해야 함.DNS의 TXT레코드를 적용할 수 있고 Value를 커스텀할 수 있는 도메인 주소 (가비아, CloudFlare 등)진행1. Certbot 설치우선 무료 SSL.. 공감수 3 댓글수 2 2024. 1. 30.
[Code-Server] 코드서버를 Nginx로 프록시 호스팅하기 ID : 2401301657 Tag : #code-server #linux #nginx 개요 Code-Server를 호스팅 하고 나서 가장 큰 걸림돌이 되는 부분이 있었다. SSL이 적용이 되지 않을 경우 웹 뷰의 이용이 제한되는 것이다. 이를 해결하기 위해 여러 가지 삽질을 하였고 내가 발견한 가장 최적의 방법은 code-server를 nginx에 Proxy Pass를 적용한 후 SSL 인증서를 추가하는 것이다. 이번 포스팅에서는 Proxy_Pass를 적용하는 첫 번째 단계부터 진행하려고 한다. 구성 아래의 항목은 내가 작업을 진행하기 위해 사용한 환경 구성이다. 버전이 맞지 않더라도 아래의 항목이 이미 설치되어 있다는 가정 하에 작업을 진행할 예정이다. OS : Ubuntu 20.04.5 LTS (G.. 공감수 0 댓글수 2 2024. 1. 30.
[Javascript 심화] 함수 1 ID : 2401281723 Tag : #javascript C언어에서 포인터를 얼마나 제대로 이해하느냐에 따라 고급 C 개발자로 발전 할 수 있듯이 자바스크립트에서도 포인터만큼 중요한 개념이 바로 함수다. 자바스크립트의 함수는 모듈화 처리나 클로저, 객체 생성 등 자바스크립트의 근간이 되는 많은 기능을 제공하고 있다. 함수 정의 자바스크립트에서 함수를 생성하는 방법은 3가지가 있다. 3가지 방법 모두 같은 모양의 함수를 생성하지만, 각각의 방식에 따라 함수 동작에 조금씩 차이가 생긴다. 함수 선언문 (function statment) 함수 표현식 (function expression) Function() 생성자 함수 이번 포스팅에서는 두 개의 인자를 받아 그 합을 구하는 add() 함수를 3가지 방법으.. 공감수 0 댓글수 0 2024. 1. 28.
[Javascript 심화] 배열 ID : 2401271952 Tag : #javascript 배열 자바스크립트에서의 배열은 다른 프로그래밍 언어와는 다르게 조금 특별한 형태이다. 가장 먼저 보이는 차이점은 다른 객체지향 언어인 C#이나 자바에서는 자료형과 크기를 먼저 지정한 후 배열을 사용해야 하는데 자바스크립트에서는 굳이 크기를 지정하지 않고 어떤 위치에서나 어느 타입의 데이터를 크기 지정없이 생성을 할 수 있다. 1. 배열 리터럴 객체 리터럴처럼 배열도 특정 리터럴을 통해 배열을 생성 할 수 있다. 객체 리터럴의 경우 중괄호 ‘ { } ’ 를 이용한 표기법이 있지만, 배열의 리터럴의 경우에는 대괄호 ‘ [ ] ’ 를 사용한다. 따라서 객체가 프로퍼트의 이름 을 통해 해당 프로퍼티에 접근을 한다면, 배열은 배 열 내 위치 인덱스 값을.. 공감수 0 댓글수 1 2024. 1. 28.
[Javascript 심화] 객체와 참조 ID : 2401271018 Tag : #javascript 객체 생성 자바스크립트에서 숫자, 문자열, 불린값, null, undefined 같은 기본 타입을 제외한 모든 값은 객체이다. 따라서 배열, 함수, 정규표현식 등 모두 객체로 표현을 할 수 있다. 자바스크립트에서 객체는 단순히 ‘이름(key) : 값(value)’의 형태로 프로퍼티들을 저장하는 컨테이너로써, 이는 Hash라는 자료구조와 상당히 유사하다. 특히 기본 타입은 한가지의 값만을 가지고 있는 것에 비해, 참조 타입의 객체는 여러개의 프로퍼티를 포함할 수 있다. 자바스크립트에서는 객체를 생성하는 세 가지 방법이 있다. Object() 객체 생성자 함수를 이용하는 방법. 객체 리터럴을 이용하는 방법 생성자 함수를 이용하는 방법 1. Obje.. 공감수 0 댓글수 2 2024. 1. 27.
[Code-Server] 임시 SSL 적용하기 개요 Code-server에서 작업을 하던 중 일부 기능들을 사용하지 못하는 이슈가 있었다(WevView 같은) 이를 해결하기 위해 SSL 적용을 해야 한다고 했는데 Code-Server에서 SSL 적용이 여간 쉬운 일이 아닌것 같았다. 따라서 로컬SSL을 적용하여 임시 HTTPS 를 사용하면 제한된 기능을 사용할 수 있지 않을까? 라는 생각을 하여 시도를 해봤고 결과적으로 문제 없이 작동 되는 것을 확인하였다. 진행 Code-Server에 임시 SSL 을 적용하기 위해 우선 SSL을 발급받아야 한다. OpenSSL을 먼저 설치하고 진행을 하도록 하자 sudo apt-get update sudo apt-get install openssl 원활한 작업을 위해 code-server의 config.yaml 디.. 공감수 0 댓글수 0 2024. 1. 24.
[Code-Server] 오류 'crypto.subtle‘ is not available so webviews will not work 해결 개요 Code-server 를 사용하던 중 Rest client 를 통해 API 테스트를 하려고 했다. 그런데 호출을 하고 나니 결과창에 아무것도 뜨지가 않았던 것이다. PC에서 했을때는 잘 됐었는데 Code-Server를 통해서 할때만 이랬던 것이다. 문제를 찾아보니 ssl이 적용되지 않은 상태로 Code-Server를 이용하게 될 경우 일부 기능을 사용하지 못한다고 했는데 그중에 하나가 WebView가 있는 것이다. Rest Client의 결과는 WebView를 통해 표시가 되는데 나의 경우엔 크롬 디버그 모드에서 'crypto.subtle‘ is not available so webviews will not work 라는 오류가 떴었다. 해결 해결 방법은 2가지가 있다. 첫 번째 방법은 ssl인증 .. 공감수 0 댓글수 3 2024. 1. 24.
[실험] 오드로이드 고 울트라 (Odroid Go Ultra) 에서 SD로만 부팅하도록 하기 ID : 2311160327 Tag : #odroid #boot Source : https://wiki.odroid.com/odroid_go_ultra/odroid_go_ultra 개요 최근에 오드로이드 고 울트라 모델을 구매하여 테스트를 진행해 보고 있었다. 그런데 막상 기기를 받고 조금 후회감이 몰려왔다. 와이파이와 블루투스는 미지원인 것은 물론 발열도 심한 편이고 emmc 가 내장되었다곤 하나 용량이 16기가 밖에 되지 않던 것이다. 약간 애물단지가 생긴 느낌이라 이걸 어떻게 써야 고민하던 때에 n2l과 동일한 성능이라고 했으니, 이참에 서버용으로 한번 사용해보는게 어떨까 생각을 해봤다. 그런데 또 16기가 용량의 emmc가 문제였다. 나는 어떻게든 외장 SD로만 부팅하기 위해 방법을 찾아냈고 (참.. 공감수 0 댓글수 0 2023. 11. 16.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.