👋 Hello, I am Seung-ho Ham

🧑🏻‍💻 A Developers who create code that changes the world

전체 글 110

[IT] 보안(Security)

보안의 3대 요소 기밀성(Confidentiality) : 허가받은 사람만 정보에 접근할 수 있는 것 무결성(Integrity) : 정보가 본래 상태에서 변조되지 않았고 신뢰할만한 상태 가용성(Availability) : 정보에 접근할 수 있는 사람은 언제든지 그 정보에 접근할 수 있는 것 암호 어떤 데이터를 외부인이 간단히 읽을수 없도록 하기위한 수단 암호화 : 평문을 외부인만 읽을 수 없게 하는 것 복호화 : 암호화된 데이터를 원래대로 돌리는 것 공통키 암호화 : 데이터의 암호화와 복호화에 똑같은 키를 사용한다. 공개키 암호화 : 데이터의 암호화와 복호화에 다른 키를 사용한다. 암호는 어떠한 암호든 시간이 지나면 반드시 풀린다. 단, 현재 사용하고 있는 암호들의 모든 조합을 시험하려면 방대한 시간과 ..

카테고리 없음 2021.05.15

[DEV] TypeScript

타입스크립트(TypeScript)는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 Anders Hejlsberg가 개발에 참여한다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있다. 타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어이다. 자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다. 타입스크립트는 모든 운영 체제, 모든 브라우저, 모든 호스트에서 사용 가능한..

카테고리 없음 2021.05.14

[DEV] 웹애플리케이션의 구성요소

웹 애플리케이션의 구성요소 HTML CSS JavaScript HTML UI를 기본적으로 만들고, CSS는 비주얼적인 요소를 만들며, JS는 동적인 프로그램을 만든다. 문서, 정보만 주는 목적으로 만드려면 HTML, CSS만 있어도 되며 그냥 웹페이지 라고 할 수 있다. 웹 애플리케이션이 되기 위해선 정적으로 동작하기 위한 자바스크립트가 반드시 필요하다. 웹앱을 실행시키는 것이 브라우저이며, 브라우저는 런타임 환경을 제공하는 환경이다. Node.js 라는 앱이 나오면서 브라우저가 아니더라도 자바스크립트를 실행할 수 있게 되었다. 자바스크립트가 실행되면서 필요한 UI를 생성해내는 방식과 웹서버에서 HTML이 만들어져서 브라우저로 전송하는 방법이 있다. HTML을 주도적으로 만들어서 UI로 표현하는 것을 클..

카테고리 없음 2021.05.13

[DEV] 웹앱 프로그래밍 학습 방향

프론트엔드는 가장 변화가 심한 새로운 것들이 계속 등장하는 분야 (피로감이 높다.) 기술의 세가지 유형 변하지 않는 기술 네트워크 운영체제 컴퓨터시스템 논리학 대수학 느리게 변하는 기술 프로그래밍 언어 프로그래밍 패러다임 자료구조 보안 알고리즘 빠르게 변하는 기술 디자인패턴 프레인워크 라이브러리 UX UI 상대적으로 느리게 변화하는 기술들을 익혀놓으면 빠르게 변화하는 기술들을 빠르게 꾸준히 습득할 수 있다. 프로그래밍 역량 4가지 1. 일관성 2. 유연성 3. 확장성 4. 독립성 빠르게 배워야하는 것 네트워크와 OS, CS 등과 같은 기초적인 시스템이 어떻게 이루어져 있는지 배운다. 나중에(상대적으로 느리지만 반드시)배워야하는 것 논리학과 대수학 등의 학문적 이론(간접적 도움을 주는)들은 천천히 배우되 ..

카테고리 없음 2021.05.12

[DEV] 반응형 웹페이지

반응형 웹 디자인(responsive web design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 디바이스의 디스플레이의 종류에 반응하여 그에 맞도록 적절하게 UI 요소들이 유기적으로 배치되도록 설계된다. 반응형 웹 디자인을 하기 위해서는 일반 웹 디자인과 다른 특별한 기법들이 사용된다. 이는 웹 디자인에 대한 높은 이해도와 새로운 레이아웃 등의 개념을 필요로 한다. - 반응형 웹 디자인을 할 때 필수적인 기법들 미디어 쿼리 미디어 쿼리는 CSS2부터 시작되어 CSS3에서 본격적으로 쓰이기 시작한 웹 기법이다. 디바이스의 폭이나 높이 등의 정보를 가지고 스타일을 개별적으로 줄 ..

카테고리 없음 2021.05.11

[DEV] 페이지 방문자 수 카운트

홈페이지에 오늘 방문자 수, 어제 방문자 수, 전체 방문자 수가 카운트되어 보여지도록 되어있는데 이 카운트 방식에 문제가 있었다. 홈페이지의 어느 곳에 들어가든 페이지가 바뀌게 되면 +1로 카운트가 되고 그 페이지에서 새로고침을 해도 +1 카운트가 된다. 그냥 페이지에 접속 하기만 해도 카운트가 되는 방식으로 소스가 짜여져 있는 것 이었다. 같은 사람이 여러번 접속해도 카운트가 안되게 하려면 접속하는 기기의 IP가 중복인지 확인을 하는 방법이 있고, 접속자가 쿠키를 가지고 있다면 쿠키가 저장된 시간과 현재의 시간을 비교하여 하루가 지났다면 방문자수를 카운트 해주고 쿠키 저장 시간을 바꿔주는 방법이 있다. 하지만 접속자가 쿠키허용을 하지 않았을 경우에는 어떻게 해야할지 모르겠다. 가장 좋은 방법은 IP를 ..

카테고리 없음 2021.05.10
반응형