2025/02 57

Node.js

Node.js JavaScript 런타임서버 사이드 개발을 비롯한 다양한 환경에서 JavaScript를 실행할 수 있도록 해주는 도구  Node.js 다운로드 링크운영 체제(OS)에 맞는 버전을 다운로드하고 설치LTS(Long Term Support) 버전 권장 - 안정성과 장기적 지원 제공설치 완료 후, 터미널 또는 명령 프롬프트에서 다음 명령어를 실행하여 설치 확인node -vnpm -v 정상적으로 버전이 출력되면 설치 완료  *npm(Node Package Manager) Node.js의 패키지 매니저Node.js를 설치하면 자동으로 함께 설치됨JavaScript 라이브러리와 패키지를 관리 패키지 설치 및 관리npm install 패키지명 : JavaScript 라이브러리 설치npm uninstll..

2025.02.06

행복전에 공중사,감평사 공부했던걸 써먹을 수 있게 됐다. 재밌을 것 같다.장기 프로젝트가 세개가 됐다! 짱짱 설렌다 !내가 하고 싶은거 다 할 수 있도록, 하고싶은것만 할 수 있도록,여전하게 자리를 지켜주는 내 사람들과.. 쿠키 이브 THX..04:30 취침 08:30 기상친구들이랑 git과 GitHub 합을 맞춰봄...일단 아직도 샤워하는것, 시계를 확인하는 것, 요가를 꾸준히 하는 것, 물을 마시는 것, 잠을 자는 것은 어렵다.

2025/미정 2025.02.16

3D Interactive

3D 인터랙티브 사용자가 3D 환경과 상호작용할 수 있는 기술  일반적인 3D 모델단순 시각적 표현 3D인터랙티브 환경마우스, 키보드, 터치 등 다양한 입력 방식으로 3D 객체 조작 가능 3D 사이트 예시 Muhammad Bilal Khan - WebGL Developer mbilalkhan.com   Three.jsJavaScript 기반의 Web 3D 라이브러리다양한 형태의 3D 객체, 조명, 카메라, 재질, 텍스처 등을 기본 지원커뮤니티가 활발하여 레퍼런스 자료 다수, 학습 및 문제 해결 용이  Three.js 기본 코드 예제import * as THREE from 'three';function createScene() { // 렌더러 생성 const renderer = new THREE..

WidgetKit - Developing a WidgetKit strategy

WidgetKit 전략 구상하기 위젯, 워치 컴플리케이션, 라이브 액티비티 구현 계획을 세울 때, 그 특징과 작업, 관련 프레임워크 및 제약 사항을 살펴보자.  개요WidgetKit을 사용하여 위젯, 워치 컴플리케이션, Live Activities를 구축하세요. 이러한 기능을 통해, 플랫폼과 기기들을 아우르는 생태계를 조성하여, 앱의 범위를 확장할 수 있습니다. 위젯, 컴플리케이션, Live Activities는 WidgetKit, SwiftUI 및 App Intents를 포함한 관련 프레임워크 세트를 사용하여, 제한적이지만 효과적이고 눈길을 사로잡는 공간을 차지합니다. 이들 간의 디자인, 기능 및 코드는 유사하기 때문에, 코드와 디자인 구성 요소를 재사용하기에 완벽한 대상입니다. 앱 개발 과정에서 비용..

Django - Admin Site 활용

Django Admin Site Django는 기본적으로 Admin Site(관리자 페이지) 기능을 제공레코드 조회레코드 생성레코드 수정레코드 삭제권한 설정검색 기능필터링정렬커스텀 UI 적용→ 서비스의 효율적 관리 가능  Django Admin Site 활성화 Django 프로젝트를 생성하면 기본적으로 admin 페이지가 포함돼있음 urls.py*admin 계정 생성python manage.py createsuperuser 최소 is_staff 권한 필요  admin에서 관리할 모델 등록  기본적으로 Django Admin Site에는 User 모델 등 기본적인 데이터만 제공추가로 앱에서 사용하는 모델을 관리하기 위해 관리자 페이지에서 사용할 모델 등록 필요각 앱의 admin.py에서 설정 가능  기본 ..

2025.02.05

수요일..행복공부를 자꾸만 거꾸로거꾸로 하는 느낌처음부터 완벽할 순 없었던 거겠지팀플은 어떻게든 굴러가고 있는 것 같다.주제를 정하고 대충의 flow를 작성했으니까아주 기본적인 핵심 기능 구현에 필요한 툴을 정하고, 협업툴 선정, 구조잡으면서 기술문서 제대로 작성해보고 코어기능 구현, 배포 후에 기타 기능을 덧붙히는 식으로 진행하면서 내부테스트 & 성능최적화도 함께 진행하면 될 것 같다.수정사항들과 추가사항들을 바로바로 문서 업데이트하는식으로ㄱ사실 아주 짧은 시간이고 테스트나 최적화까지 하거나 추가 기능을 넣기엔 무리일 수도 있다.05:30 취침 08:30 기상요가ㅇ샤워ㄴ배포는 또 어떻게 해야할지.. 사실 친구들 캐파가늠이 안된다.협업을 공부해.어렵다.

2025/미정 2025.02.12

Web에서 3D 그래픽 구현

Canvas API 웹에서 3D 그래픽을 구현하는 주요 기술 중 하나HTML의 요소를 이용, JavaScript로 픽셀 단위의 그래픽을 직접 그림(픽셀 조작)벡터 그래픽이 아닌 비트맵 기반으로 동작, 한 번 그린 후에는 별도로 다시 그려야 함 (자동 UI 갱신 X)→ 3D 좌표계에서 오브젝트 배치, 조명 설정, 렌더링 최적화, 충돌 감지 같은 요소를 고려한 복잡한 3D 그래픽을 구현WebGL과 함께 사용하면 GPU 가속을 활용한 3D 그래픽 가능  html  "> → 쉽게 3D그래픽을 다룰 수 있도록 도와주는 라이브러리들 (자동으로 WebGL 컨텍스트를 생성하고 렌더링을 관리)three.jsJavaScript 기반의 3D 그래픽 라이브러리WebGL을 쉽게 사용할 수 있도록 도와줌@react-three/..

Docker - 이미지 빌드, 컨테이너 실행 및 관리

Docker 이미지 빌드docker build -t 이미지이름:태그 Dockerfile경로 예시코드docker build -t myapp:1.0-t 옵션 : 이미지에 이름과 태그 지정. (현재 디렉토리) : Dockerfile이 있는 경로 Docker 컨테이너 실행docker run -p 호스트포트:컨테이너포트 이미지이름:태그 예시코드docker run -p 8000:8000 myapp:1.0-p 8000:8000 : 호스트의 8000번 포트와 컨테이너의 8000번 포트 연결myapp:1.0 : 실행할 도커 이미지 지정  *빌드 과정Dockerfile 읽기작성된 Dockerfile을 기반으로 명령어 실행베이스 이미지 다운로드정의된 FROM 이미지가 로컬에 없으면 도커 허브에서 다운로드명령어 실행Docke..

Docker 2025.02.12

2025.02.04

행복하다이사갈 집은 층고가 있는 1층이라 나무 머리랑 쿠키 이브랑 눈높이가 맞아서 좋다. 짹짹이들이랑 채터링하면서 놀거다. 지금은 11층이라 새들이 가까이 안온다.03:45 취침 08:55 기상팀회의 완료하고 팀프로젝트 주제 정함내일 팀원들이 구체적으로? 막연하게? 구현하고 싶은 기능들 + 사용해보고싶은 도구들 + 백엔드/프론트,  DB, 서버, 모델 + 데이터.. 등등적어달라고 했으니까 적혀있는것과 할 수 있는것, 해야하는 것 토대로 대충의 PRD + SA 초안 작성해서 팀원들에게 공유할 예정간만에 빈야사 때림 수리야나마스카라 몇 번 했는지 모름.. 오늘은 왜 기본 플로우로 사람을 조지시나요샤워ㅇ 물은 두컵마셨다.

2025/미정 2025.02.10

데이터 산포도

데이터 산포도 데이터가 중심 경향치로부터 얼마나 퍼져 있는지를 나타내는 지표데이터의 분포와 변동성을 파악하는데 중요한 역학을 함  분산과 표준편차 분산(Variance)데이터가 평균으로부터 얼마나 퍼져있는지를 나타내는 지표    σ² = Σ(x - x̄)² / N 또는   $$ \sigma^2 = \bar{x^2} - \bar{x}^2 $$">$$ \sigma^2 = \bar{x^2} - \bar{x}^2 $$각 데이터 포인트와 평균의 차이를 제곱한 값들의 평균 장점 : 모든 데이터 포인트를 고려하여 변동성을 정확히 측정 가능단점 : 원래 데이터 단위와 다른 단위(제곱된 단위)를 가지므로 해석이 어려울 수 있음활용 예 : 금융 리스크 분석, 품질 관리, 데이터 변동성 평가   분산식에서 제곱이 갖는 의..

728x90