FoO의 개발 블로그

공식 문서를 따라 환경을 구축 해보자. Conda 설치 및 가상환경 활성화Conda 설치파일 레포지토리에서 설치 파일을 다운로드 한다.내 환경은 우분투 22.04이기 때문에 최신 리눅스 버전을 curl로 땡겨왔다.curl --output anaconda.sh https://repo.anaconda.com/archive/Anaconda3-2024.06-1-Linux-x86_64.sh sha256sum로 파일 해시를 따서 다운로드 페이지에서 제공하는 해시와 비교해 검증할 수 있다.sha256sum anaconda.sh 해시가 일치한다면 무사히 파일이 다운로드 된 것이고 다운로드 된 sh 파일을 실행시키면 conda 설치가 시작된다.설치가 끝난 뒤에 conda init을 하면 필요한 설정이 ~/.bashrc ..

JavaScript의 scope(스코프)는 변수와 함수의 접근성과 생존 기간을 결정하는 규칙이다. 스코프의 종류전역 스코프(Global Scope)함수 스코프(Function Scope)블록 스코프(Block Scope)렉시컬 스코프(Lexical Scope)스코프와 관련된 개념들스코프 체인(Scope Chain)호이스팅(Hoisting)클로저(Closure) 전역 스코프(Global Scope)코드의 가장 바깥쪽에 선언된 변수나 함수어디서든 접근 가능과도한 사용은 네임스페이스 오염을 일으킬 수 있음 함수 스코프(Function Scope)함수 내부에 선언된 변수var 키워드로 선언된 변수에 적용해당 함수 내에서만 접근 가능function exampleFunction() { var functionS..

call, apply, bind 메서드는 JavaScript에서 함수의 this 값을 명시적으로 지정하고 함수를 호출하는 방법을 제공한다. Function.prototype의 메서드이므로 모든 (화살표함수를 제외한)함수에서 사용할 수 있다.  call 메서드syntax: func.call(thisArg, arg1, arg2, ...)주어진 this 값과 개별적으로 제공되는 인수들로 함수를 호출function greet(greeting) { console.log(`${greeting}, ${this.name}`);}const person = { name: "Alice" };greet.call(person, "Hello"); // 출력: Hello, Alice apply 메서드syntax: func.a..

항상 Next.js에서 자동으로 설정해주는 환경을 쓰다보니 기초적인 개념이 확고하지 않아 정리하고 간다. Script 태그의 속성들1. 기본(속성 없음)HTML 파싱을 중단하고 스크립트를 즉시 다운로드 및 실행스크립트 실행이 완료될 때까지 HTML 파싱이 재개되지 않음2. async 속성스크립트를 비동기적으로 다운로드HTML 파싱과 병렬로 다운로드 진행다운로드가 완료되면 HTML 파싱을 중단하고 즉시 스크립트를 실행여러 스크립트가 있을 경우 다운로드 완료 순서대로 실행3. defer 속성스크립트를 비동기적으로 다운로드HTML 파싱과 병렬로 다운로드 진행HTML 파싱이 완료된 후에 스크립트 실행여러 스크립트가 있을 경우 HTML에 작성된 순서대로 실행4. type="module" 속성스크립트를 ES6 모듈..

20232023년은 심적으로 이슈가 있어서 뭘 했는지도 모르게 지나갔다.   기록할만한 사건들은 이렇다. 한이음두근두근 한국사 여행앱client: Flutterservier: Nest.jsvcs: gitlabinfra: kubernetes on raspberry pi이용자가 유적지를 방문하면 유적지와 관련된 역사적 인물의 호감도가 오르고, 특정 임계점을 넘을 때마다 역사적 인물의 스토리가 풀리는 미연시(?) 게임. 한국사와 관련된 공공 데이터를 이용했다.창업 때문에 바빠서 프로젝트를 제대로 완료하지 못했다.쿠버네티스 스터디쿠버네티스 인 액션10장까지 보았는데 지금은 다 까먹었다. (기록의 중요성... 아이패드에 손필기 했었는데 블로그에 쓸걸 그랬다.)이 또한 창업 때문에 바빠서 제대로 완료하지 못했다...

극초기 스타텁 초기 멤버로 일하면서 벌써 4번째 랜딩 리뉴얼을 하고 있다. 첫 랜딩은 되는대로, 두번째도 되는대로, 세번째는 부스 직전에 3일만에 만들고 이번에는 개발하는데 일주일 정도 걸린 것 같다. 기존 랜딩페이지는 홈, 회사 소개, 제품 소개로 구성되어 있었고 이번에는 간결하게 원페이지에 제품 소개만 담는 방향으로 가기로 했다. 랜딩은 규모가 작아서 매번 다양한 UI 라이브러리를 써보고 있다. tailwindcss, chakra-ui를 거쳐 이번엔 panda css와 framer-motion의 조합으로 진행했다. 보통 Next.js를 기본으로 사용했는데 한번은 Svelt를 썼다가 팀원들의 항의에 다시 Next.js로 돌아왔다. 소기업에서 괜히 기술 스택 늘리지 맙시다.   개발이 끝났다면 이제 KP..

개방 시스템(Open System) 기반 구조에 관계없이 서로 다른 두 시스템 간 통신을 가능하게 하는 프로토콜의 집합 개방 시스템 상호 연결(OSI) 모델 1983년 ISO(International Standardization Organization) 표준화 기구에서 개발 시작. 컴퓨터 통신 분야에서 상호운용성을 확보하기 위한 다양한 표준에 대한 국제적인 표준 정의를 위한 기본 골격. 융통성을 부여. 특정 계층만 업그레이드하여 교체할 수 있음. 각 계층별로 여러가지의 프로토콜이 존재함. 요약 Layer 데이터 단위 장비 특징 예 [L7] Application data 사용자에게 서비스 제공. 파일 전송, 접근, 관리. 문서, 메시지 교환 전자메일(SMTP), 가상단말, 파일 송수신(FTP), 웹(HTT..

1학기 시작 후 7주차의 절반쯤 지난 지금, 기계학습 보다는 데이터 분석부터 공부 중이다. 각종 파이썬 라이브러리로 데이터를 분석, 시각화, 이상치 및 결측치 제거 등을 공부했다. 중간고사가 지나면 scikit-learn이라는 라이브러리를 통해 기계학습을 본격적으로 배우기 시작할 것 같다. 오늘은 중간고사 대비 겸으로 결측치 제거를 캐글의 데이터셋을 분석하며 정리하려고 한다. import numpy as np import seaborn as sns import matplotlib.pyplot as plt import pandas as pd 기본적으로 위의 라이브러리들을 불러온 상태에서 시작한다. 데이터 불러오기 https://www.kaggle.com/datasets/rush4ratio/video-gam..

다형성 다형성이라는 말은 이번에 처음 들어봤지만 생각보다 이해하기 쉬웠다. 짧게 말하면 어떤 객체를 다른 객체로 선언할 수 있다는 것이다. Student bonbon = new Student(); Person bonbon = new Student(); 위처럼 객체를 Person 타입으로 선언했지만 Student로 초기화할 수 있다. 대박~ 그런데 다 되는 것은 아니다. ㄱ- 위키백과의 다형성 정의는 이렇다. 프로그램 언어의 다형성(多形性, polymorphism; 폴리모피즘)은 그 프로그래밍 언어의 자료형 체계의 성질을 나타내는 것으로, 프로그램 언어의 각 요소들(상수, 변수, 식, 오브젝트, 함수, 메소드 등)이 다양한 자료형(type)에 속하는 것이 허가되는 성질을 가리킨다. 반댓말은 단형성(mono..

계기 무작정 OpenCV 박치기를 해보니 openCV의 이미지파일이 numpy 배열이라는 것을 알게 되었다. 하지만 알아봤자 대체 rgba가 어떤 식으로 펼쳐져 있는지, 파이썬에서 어떻게 배열을 다뤄야하는지 몰라 난항을 겪고 있다. 일단 뭘 하는지 알아내기 위해 각 채널 별 배열부터 알아보자. OpenCV의 채널 openCV에서 이미지 파일을 읽을 때 cv2.imread() 함수를 사용한다. 첫 번째 인자는 파일의 주소이고 두 번째 인자는 flag다. flag에 따라 이미지를 불러 올 때 채널 값이 바뀐다. 채널은 불러온 이미지에.shape를 하여 얻은 배열의 3번 째 값이다. cv2.IMREAD_COLOR 혹은 1 : 이미지를 Color로 읽음. 투명 무시. Default. cv2.IMREAD_GRAY..