본문 바로가기

전체 글119

[영화리뷰] 고독한 늑대의 피 : 레벨2 (The Blood of Wolves, 孤狼の血 LEVEL2) 2020 고독한 늑대의 피 : 레벨2 (The Blood of Wolves, 孤狼の血 LEVEL2) 일본 범죄 / 드라마 아우 눈 아파 줄거리 오다니 파와 이라코 파의 전쟁. 이라코 파 두목 이라코 쇼헤이(이시바시 렌지)의 죽음으로 동력은 잃은 두 폭력단은, 구레하라 서(署) 히오카(마츠자카 토리)의 중재로 평화 동맹을 체결한다. 그리고 3년 후 히로시마. 이라코 파 일부에서는 오다니 파와 동맹을 반대하는 세력은, 호시탐탐 오다니 파 두목 타치바나(사이토 타쿠미)를 제거하기 위한 기회를 노리지만, 히오카는 조잭 내부에 잠입한 코타(무라카미 니지로)의 정보를 통해 모든 시도를 차단한다. 오다니 파 역시 자신의 구역을 침범하여 행패를 부리는 이라코 파가 마음에 들지 않는다. 히오카에 의해 통제되고 있는 매끄럽진 않은.. 2021. 10. 11.
[영화리뷰] 고독한 늑대의 피 (The Blood of Wolves, 孤狼の血) 2018 고독한 늑대의 피 (The Blood of Wolves, 孤狼の血) 일본 범죄 / 드라마 줄을 잘 타자 줄거리 전쟁의 불씨를 품은 폭력단 들로 일촉즉발의 긴장 상태를 유지한 1988년의 히로시마. 이라코 파 두목 이라코(이시바시 렌지)는 가코무라 파 조직에 경리 우에사와 살해를 지시한다. 표면적으로는 자금 횡령에 대한 문책성이지만 실상은 모든 혐의를 오다니 파에 덮어 세력을 더욱 약화 시키기 위한 계략이었다. 그리고 얼마 지나지 않아 우에사와의 여동생의 신고로 우에사와의 실종은 사건화가 된다. 배테랑 형사 오가미(야쿠쇼 코지)는 바로 가코무라 파에 의해 살해되었음을 직감하고, 이제 막 발령받은 신입 형사 히오카(마츠자카 토리)와 증거 수집을 위해 거리로 나선다. 폭력단들과 긴밀한 관계를 유지하고. 증거 .. 2021. 10. 10.
[WEB] NODE.JS 1. Node.js 란 · 네트워크 어플리케이션(서버 사이드) 개발에 사용되는 소프트웨어 플랫폼 · Chrome V8 자바스크립트 엔진을 사용한 자바스크립트 런타임 · Non-Blocking I/O 지원 (비동기식 프로그래밍) 2. Node.js 설치 · 다운로드 및 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 3. Node.js 관련 명령어 ※ 상시 업데이트 더보기 $node -v : node.js 버전 확인 $npm -v : npm 버전 확인 // NPM 이란, Node Package Modules로 Node.js에서 사용 가능한 모듈 .. 2021. 10. 10.
[WEB] HTML 유용한 사이트 https://www.w3schools.com/ - HTML 및 CSS 코드 정보 사이트 https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com - HTML 5 및 CSS 코드 별 브라우저 사용유무 확인 사이트 https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Websi.. 2021. 10. 9.
[WEB] HTML 기본 구조 HTML 헤드(HEAD) 메타(meta) 태그 ( meta element) - 도큐먼트(document)에 대한 구조적인 정보(메타 데이터(Meta data) ; 데이터의 데이터) 정의 ... 메타 태그 속성 속성 http-equiv name content 문법 http-equiv="" name="" content="" 설명 문서 초기 정보를 나타내는 속성 문서 초기 정보를 나타내는 속성 해당 정보에 대한 내용 설정 ▶ 도큐먼트 문자 코드 타입 설정 (UTF-8) ▶ 렌더링 모드 설정 ( 강제 렌더링 ) - IE=5 : IE5 렌더링 - IE=7 : IE7 표준 모드 렌더링 - IE=8 : IE8 표준 모드 렌더링 - IE=edge : IE8 이상 버전에서 항상 최신 표준 모드로 렌더링 ▶ 캐쉬(Cach.. 2021. 10. 9.
[PROGRAMMING] 프로그래밍 (Programming) - 이미지 색상 추출(Image color picaker) 코드 · HTML, CSS(SCSS), 자바스크립트(Javascript) 기능 · 이미지 파일에서 색상 데이터를 추출 (Image Color Picaker) 1. HTML & CSS 1) 코드 뷰 #main-body #example > .content { width: 100%; height: 100vh; padding: 0 20px; max-width: 1280px; } #main-body #example > .content > #del-upload { background-color: rgba(0, 0, 0, 0.25); width: 227px; max-width: 227px; height: 350px; max-height: 350px; display: block; padding: 20px; left: .. 2021. 10. 9.
[PROGRAMMING] 프로그래밍 (Programming) - 이미지(Image) 돋보기(Magnifier-glass) 코드 · HTML, CSS(SCSS). 자바스크립트(Javascript) 기능 · 마우스 커서를 따라 부분 확대, 돋보기(Magnifier-glass) 효과 1. HTML & CSS 1) 코드 뷰 Image : Magnifying-Glass /* #main-body #magnifier-glass > .content */ .wrap { width: 100%; text-align: center; padding: 2rem 0; } .wrap > .ct-img { max-width: 100%; position: relative; display: inline-block; border: 1px solid RGB(0, 0, 0, 0.1); overflow: hidden; } /* 자식 노드(child) 사이즈가 큰 .. 2021. 10. 2.
[PROGRAMMING] 프로그래밍 (Programming) - 이미지(Image) 줌인(Zoom-In) 코드 · HTML, CSS(SCSS). 자바스크립트(Javascript) 기능 · 마우스 커서를 따라 이미지를 확대 (Zoom-In) 1. HTML & CSS 1) 코드 뷰 Image : Zoom-In /* #main-body #magnifier-glass > .content */ .wrap { width: 100%; text-align: center; padding: 2rem 0; } .wrap > .ct-img { max-width: 100%; position: relative; display: inline-block; border: 1px solid RGB(0, 0, 0, 0.1); overflow: hidden; } .wrap > .ct-img.scrollbar { /* 자식 노드(child) 사.. 2021. 10. 2.
[STUDY] 기본기 (Study) - OSI 7 계층, TCP/IP 4 계층 1. OST 7 계층(Open System Interconnection 7 Layer) · (표준을 따르는) 서로 다른 시스템 간의 통신을 위해 필요한 절차를 7 계층으로 구분한 모델 · 장비 개발 또는 통신 표준 설계에서 주로 사용 ​ 물리 (Bit) ↔ 데이터링크 (Frame) ↔ 네트워크 (Packet) ↔ 전송 (Segment) ↔ 세션 (data) ↔ 표현 (data) ↔ 응용 ​ 1) 물리 (L1, Phsical layer) · 네트워크 하드웨어 전송 기술 (PDU:Bit) · 데이터 전송 및 디지털 ↔ 전기 신호를 변환 · 프로토콜 : RS-232, 10 BASE-T 등 · 장치 : 허브, 리피터 ​ 2) 데이터링크 (L2, Data link layer) · MAC 주소를 사용하여 데이터의 .. 2021. 10. 2.
[STUDY] 기본기 (Study) - 관점지향 프로그래밍(AOP, Aspect Oriented Programming) 1. AOP 란 · 기능(메소드)을 핵심 관심사(core concerns)와 횡단 관심사(Cross-cutting Concerns)에 대한 '관점'으로 분리하여 모듈화를 극대화하여 기존의 기능을 분리없이 하나의 객체에 모아놓는 OOP의 변경과 재사용 한계를 극복하기 위한 프로그래밍 기법 ​ 2. AOP 구현 1) 관심사 (concerns) : 기능 · 핵심 관심사(core concerns) : 단일 주요 핵심 기능 · 횡단 관심사(cross-cutting concerns) : 여러 모듈에서 공통적으로 사용되는 부가 기능 2) 어드바이스(Advice) · 횡단 관심사를 모아 놓은 모듈(aspect)에서, 기능을 사용할 수 있도록 설정한 인터페이스 · 프로그램 코드의 "Joint point" 에 삽입 3) .. 2021. 10. 2.
[STUDY] 기본기 (Study) - 선언형(Declarative), 명령형(Imperative) 1. 선언형 프로그래밍 (Declarative Programming) ・ 논리형 (logic), 함수형 (function) ・ 과정(flow)을 추상화하고 결과(What)에 기반하여 설명 function double(arr) { return arr.map( item => item*2 ); } 1) 논리형 프로그래밍 (Logic Programming) ・ 비절차적 언어(non-procedual language) ( 실행 순서에 관계없이 원하는 결과를 정의 및 요청 (데이터베이스 SQL 문 등 ) ・ 수학적논리와 일반적 논리(AND, OR ...)를 통해 프로그램을 표현하고 결과를 도출하는 프로그래밍 기법 ​ 2) 함수형 프로그래밍 (Functional Programming) ・ "순수함수(pure func.. 2021. 10. 2.
반응형