양효원

🏸

Dev

AWS SA Associate Dump Note

Miscellaneous Global Accelerator : optimal regional endpoint로의 라우팅 지원 Endpoint : NLB, ALB, EC2, EIP 등의 주소로 설정 가능 EC2 spot instance :...

HTTP note

TCP/IP 스택 IP(Internet Procotol) 지정한 IP 주소에 packet 단위로 데이터 전달 한계 비연결성 : 대상이 없어도 패킷 전송 비신뢰성 : 패킷이 사라지거나 순서대...

AM 프로젝트 및 Agile 개발

Agile 개발 Agile : 점진적으로 제품을 개발하는 기법들 Agile Manifesto 의사소통(>프로세스, 도구), 동작하는 소프트웨어(>문서), 고객과의 협력(>계약 협상), 변화에 대응 Backlo...

GKE 무중단 배포 및 Jenkins 연동

GCP gcloud auth list : 활성 계정 목록 표시 configure-docker us-central1-docker.pkg.dev : us-central1 리전의 docker 저장소 인증 설정 gcloud confi...

웹브라우저 JS

식별자 API element.tagName : 태그 이름 리턴 element.id : id 리턴 element.className : 클래스 이름들 리턴 element.classList : 클래스 이름들 배열로 리턴 ...

운영체제

Firmware : OS와 유사하지만 SW를 추가로 설치할 수 없음 3.1 운영체제와 컴퓨터 운영체제의 역할 CPU 스케줄링과 프로세스 관리 메모리 관리 디스크 파일 관리 I/O 디바이스 관리 운영체제의 구조 시스템콜 : 커널 영역의 기능...

네트워크

2.1 네트워크의 기초 네트워크 : node와 link가 연결되어 리소스를 공유하는 집합 2.1.1 처리량과 지연 시간 처리량(Throughput) : 링크를 통해 전달되는 단위 시간당 데이터양(bps) 대역폭(Bandwidth) : 네트워크의 최대 전송 속도...

디자인 패턴과 프로그래밍 패러다임

1.1 디자인 패턴 디자인 패턴 : 프로그램을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결할 수 있도록 하나의 ‘규약’ 형태로 만들어 놓은 것 1.1.1 Singleton 패턴 하나의 클래스가 하나의 인스턴스를 가짐 장점 ...

Java stream optimization

Stream optimization stream을 chaining으로 처리할 때 원소 하나씩에 대해 vertical하게 연산들이 수행됨 1 intermediate → 1 terminal → 2 intermediate → 2 terminal → … ...

Java Creating a stream

Array, Collection을 함수형으로 처리하는 기능을 제공 병렬 처리 가능 Creating - Intermediate operation - Terminal operation 순서로 데이터를 처리함 Creating a Stream Empty Stream 생성...

Regex 정리

플래그 g : 모든 결과 리턴 없을 경우 매치하는 첫 결과만 리턴 i : case-insensitive m : multi line 줄이 바뀌어도 계속 검색 ^, $가 각 줄마다 적용됨 ...

Class Diagram 정리

클래스 다이어그램 아래 설명들에서 A-B이라고 하면 위 그림 기준 A가 왼쪽, B가 오른쪽에 있는 것임 Association A-B이면 A가 B를 참조함 A의 필드에 대입하는 형식이 아닌, A의 메소드에서 B의 메소드를 호출하는 등의 형식 ...

HttpServer in Java

보통 아래와 같은 순서로 HttpServer를 사용해 서버를 개설함 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public static void main(String[] args){ try { String uri = "127.0.0.1"...

HttpHandler in Java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 public class sumcontroller implements HttpHandler { @Override public void handle(HttpExchange t) t...

Modify excerpt in Jekyll

Excerpt Jekyll에서 사용되는 블로그의 내용 미리보기이다. 기존에는 첫 h2만 보여서 수정을 하게 되었고, 위 사진은 이후의 내용들도 나오게 한 상태이다. In Jekyll 위 사진에서 볼 수 있듯이, archive__item-exceprt 클래스인 ...

Implemention of Audio communication for FMETP

Analysis of audio pipeline 결국 화면이 나올 때 음성이 같이 나와야 하기 때문에, 화면 처리를 담당하는 game object들에 audio 관련 스크립트들을 붙임 FaceCamera : bytedata로의 화면 인코딩을 담당하는 ga...

How to adapt Jenkins on EC2

1. Install Java, Jenkins to EC2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 # remove other versions of java yum list installed | grep java yum remove java-1.8....

Handling FMETP WebSocket disconnection

App configuration Scenes StartScene_General Holistic StartScene_General에서 Start Session 버튼을 클릭하면 Holistic scene으로 넘어감 오른쪽 버튼들은 가장 위...

Socket.io 소개

Client-side socket.on(eventName, callback) : eventName 이벤트 수신 socket.emit(eventName, msg) : eventName 이벤트 전송 Server-side socket.on(eventName, cal...

Kreskel 서버 간 Http 요청

MVC template을 사용한 서버 생성 HelloMvc 이전에 사용한 HelloMvc를 그대로 사용함 ReqMvc HttpClient를 사용해서 요청을 보낼 서버 HelloMvc 설정 Co...

Blazor 소개

Blazor JS 대신 C#을 사용해서 interactive web UI를 구축할 수 있는 SPA framework WebAssembly : bytecode instruction을 실행함 DOM을 직접적으로 건드리진 못함 → JS를 사용해서 ...

ASP.NET MVC Tutorial

MVC pattern Models : 유효성 검사, 비즈니스 로직 적용, 뷰에 결과 제공 Views : 모델 데이터 표시, UI 구성 요소 Controllers : 브라우저 요청 처리, 모델 데이터 검색(모델에 전달), 뷰 템플릿 호출 MVC 앱 생성 1 dot...

ASP.NET 환경 구축

설치 및 테스트 M1 Pro, Ventura 13.1 기준 .NET 6.0 다운로드(Linux, macOS 및 Windows) Arm64 설치관리자 dotnet --info로 설치 확인 홈페이지에서 수동으로 설치하는게 homebrew로 설치하는 것보다...

Selenium으로 크롤링하기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 from selenium import webdriver from selenium.webdriver import Ac...

Spring Boot와 AWS로 혼자 구현하는 웹 서비스 2 - JPA(Ch.03)

패러다임 불일치 관계형 DB : 어떻게 데이터를 저장할지에 초점이 맞춰짐 OOP : 메시지를 기반으로 기능과 속성을 한 곳에서 관리하는데 초점이 맞춰짐 객체를 DB에 저장할 때 객체의 모델링을 표현할 방법이 부족했음 1 2 3 4 5 6 7 // J...

psd-tools 간단 사용법

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 from psd_tools import PSDImage from matplotlib import pyplot as plt import json psd=PSDImage.open('tpsd.psd') f...

Spring에서 form 태그를 사용한 요청 송/수신

form 태그를 사용한 요청 <form> 태그를 사용하는데 formData를 사용해서 새로 ajax로 요청을 보내는 경우는 잘 없음 formData.append(name, value)으로 요소 추가하면 무조건 문자열로 들어감 ...

Express.js + React 강의

Boiler plate : 자주 쓰이는 코드를 재사용할 수 있도록 미리 만들어놓은 코드 Node.js를 통해서 javascript를 server side와 같은 browser 이외의 환경에서 사용할 수 있게 됨 Express.js : Node.js의 framework ...

Anaconda on EC2

리눅스 AMI에서 설치 1 2 3 4 5 # 아나콘다 설치 sudo wget https://repo.anaconda.com/archive/Anaconda3-2022.05-Linux-x86_64.sh # 아나콘다 실행 source ~/.bashrc 터미널 프롬프트에 (b...

JSnote13: Modules

Modules Modules Modules, introduction 프로젝트의 크기가 커지면 여러 개의 모듈로 분리해서 관리하는게 효율적임 모듈은 보통 하나의 클래스나 함수들로 구성된 라이브러리 하나임 아래와 같은 모듈 시스템들이 있었음: AMD : require.js를 사용...

JSnote12: Generators, advanced iteration

Generators, advanced iteration Generators regular function은 하나의 결과만 리턴함 generator는 여러 개의 값을 필요에 따라 차례대로 리턴(yield)할 수 있음 iterable과 함께 사용하면 좋음 Generator funct...

JSnote11: Promises, async/await

Promises, async/await Introduction: callbacks 이 article에서는 browser method를 사용함 callback, promise와 다른 추상적인 개념을 소개하기 위해 스크립트 로딩, 페이지 조작과 같은 browser method를 ...

JSnote10: Error handling

Error handling Error handling, “try…catch” try...catch를 사용하면 에러가 발생했을 때 스크립트가 멈추는 대신 다른 행동을 하도록 제어할 수 있음 The “try…catch” syntax try...catch는 두 block으로 이루어짐:...

JSnote9: Classes

Classes Class basic syntax new와 constructor function을 이용해서 비슷한 종류의 객체를 여러 개 만들 수 있지만, class를 이용하면 OOP와 관련된 다양한 기능을 사용할 수 있음 The “class” syntax 1 2 3 4 5 6 7...

JSnote8: Prototypes, inheritance

Prototypes, inheritance Prototypal inheritance user라는 객체를 만든 상태에서, 이것을 조금 변형해 admin, guest를 만들고 싶을 때와 같을 때 prototypal inheritance가 사용됨 [[Prototype]] specifi...

JSnote7: Object properties configuration

Object properties configuration Property flags and descriptors property는 “key-value” pair 이상의 가치를 가짐 additional configuration options, getter, setter functio...

JSnote6: Advanced working with functions

Advanced working with functions Recursion and stack Two ways of thinking Iterative Recursive ※ JS는 maximal recursion depth가 대부분 100000 미만으로 제한되어 있음...

JSnote5: Data types

Data types Methods of primitives primitive와 object의 차이점: A primitive primitive type의 값임 7개의 type이 존재 : String, Number, Bigint, Boolean, S...

JSnote4: Objects: the basics

Objects: the basics Objects object는 {...} 안에 key: value와 같이 properties를 선언함으로써 만들어짐 empty object는 object constructor, object literal, 두 가지 방법으로 만들 수 있음: 1 2 ...

JSnote3: Code quality

Code quality Debugging in Chrome Debugging : process of finding and fixing errors within a script The “Sources” panel File navigator, code editor, JavaScrip...

JSnote2: JavaScript Fundamentals

JavaScript Fundamentals Hello, world! alert는 browser-specific command임 Node.js와 같은 서버 환경에서는 node my.js와 같은 command로 script 실행 가능 The “script” tag HTML 문서 안에...

JSnote1: An introduction

An introduction An Introduction to JavaScript What is JavaScript? JavaScript : 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 Script : JS로 작성한 프로그램(HTML안에서도 작성 가능 => 웹페...

CSSnote5: CSS layout

CSS layout Introduction to CSS layout The page layout techniques in this module: Normal flow display property block, inline, inline-block와 같은...

CSSnote4: Styling text

Styling text Fundamental text and font styling What is involved in styling text in CSS? The CSS properties used to style text generally fall into two categor...

CSSnote3: CSS building blocks

CSS building blocks Cascade and inheritance Conflicting rules The cascade Stylesheets cascade. The order of CSS rules matter. When two rules have equal speci...

CSSnote2: CSS first steps

CSS first steps What is CSS? Document : a text file structured using a markup language(html, xml, …) Presenting a document = converting a document Browsers(k...

CSSnote1: CSS Basics

CSS Basics What is CSS? CSS(Cascading Style Sheets) style sheet language(neither programming language nor markup language) to style HTML elements select...

Web 공부 계획

http://www.tcpschool.com/html/html_intro_basicStructure https://developer.mozilla.org/en-US/docs/Learn HTML5 https://developer.mozilla.org/en-US/docs/Web/...

HTMLnote4: HTML Tables

HTML Tables HTML table basics When should you NOT use HTML tables? a lot of people use HTML tables to lay out web pages(one row for header, …) it was be...

HTMLnote3: Multimedia and embedding

Multimedia and embedding Images in HTML <img> att : src, alt, width, height hotlink to images on other servers는 하지 않는게 좋음 alt가 필요한 이유 ...

HTMLnote2: Introduction to HTML

Introduction to HTML Getting started with HTML Semantic web HTML의 버전이 높아지면서 headings, figcaption 등 의미를 가지는 elements가 많아졌는데 이런 것들을 적절하게 사용하는 것 SEO가 높아짐, ...

HTMLnote1: HTML Basics

HTML Basics HTML : HyperText Markup Language UX : User eXperience Google search engine treats a hyphen as a word-separator but does not for an underscore. -&...