SperoSpera

[CS] 소스코드와 명령어

컴퓨터를 실질적으로 작동시키는 매우 중요한 정보는 뭘까? 바로 '명령어'이다. 컴퓨터는 명령어를 처리하는 기계이다. 그럼 C, JAVA,Python,C# 등 프로그래밍 언어로 만든 소스 코드는 뭘까? 위 프로그래밍 언어로 만든 소스코드를 실행해도 컴퓨터가 잘 작동되는 이유는? 모든 소스 코드는 컴퓨터 내부에서 '명령어'로 변환되기 때문이다. 매우 중요한 이 개념을 학습해보자. 고급언어와 저급 언어 컴퓨터는 C,JAVA,Python,C#과 같은 프로그래밍 언어를 이해할까? 결론은 그렇지 않다. 개발자가 프로그램을 만들 때 사용하는 프로그래밍 언어는 컴퓨터가 이해하는 언어가 아니다. 프로그래밍 언어는 사람이 이해하고 작성하기 쉽게 만들어진 언어 즉, 고급 언어(high-level programming lan..

[CSS] CSS소개

CSS와 HTML CSS(Cascading Style Sheets) CSS는 HTML을 꾸며주는 표현용 언어이다. HML이 문서의 정보, 구조를 설계한다면 CSS는 문서를 보기좋게 디자인한다. HTML과는 독립된 다른 언어이지만 CSS는 마크업 문서가 없다면 무용지물 CSS는 표현의 언어인데 표현할 대상이 없기 때문이다. 따라서 마크업 언어인 HTML과 CSS는 묶어서 활용된다. 독창적인 디자인 CSS HTML의 자주 사용되는 태그의 개수는 10여개 밖에 되지 않는다. 세상 모든 사이트가 비슷한 HTML 태그를 사용해서 만들어졌는데도 독창적이고 다양한 디자인으로 표현 가능한 이유는 CSS 덕분이다. 즉, CSS는 문서를 디자인하는 강력한 힘을 가진 언어이다. 참고자료 아래 참고 링크를 가서 HTML이 다..

[JavaScript] UI와 API, 문서

UI와 API의 공통으로 들어가는 단어는 Interface이다. 두개의 차이점을 알아보자. UI(user interface) 우리가 컴퓨터를 사용할때 키보드를 입력하거나 마우스를 클릭한다. 그러면 컴퓨터는 작동을하고 그에 맞는 화면을 보여주거나 소리를 출력해준다. 즉, 사용자를 대면하는 접점, 입력장치들 또는 출력 장치들 또는 중개자에 해당되는 것들을 유저 인터페이스라고 부른다. API(application programming interface) 브라우저창에 javascript:alert("Hello World")를 입력하면 위 그림과같은 창이 하나 뜬다. 우리는 단순히 코드를 입력했을 뿐인데 박스로된 경고 알림창과 확인 버튼 그리고 네이버 검색창 위로 경고알림창이 출력된다. 즉, UI처럼 일반 사용자..

[1일 1 CS] 4. 0과 1로 문자를 표현하는 방법

문자 집합 & 문자 인코딩 문자 집합(character set) - 컴퓨터가 이해할 수 있는 문자의 모음 인코딩(encoding) - 코드화하는 과정을 뜻하고 문자를 0과 1로 이루어진 문자 코드로 변환하는 과정 디코딩(decoding) - 코드를 해석하는 과정을 뜻하고 0과 1로 표현된 문자 코드로 문자를 변환하는 과정 문자집합 예로 문자 집합이 {a,b,c,d,e}라고 한다면 컴퓨터는 중괄호 안의 문자는 이해를 한다. 하지만 나머지 f,g.. 등의 문자는 이해하지 못한다. 문자 집합에 속한 문자라도 문자를 0과 1로 변환을 해야 컴퓨터는 이해를 한다는점 기억하자. 문자 인코딩 0과 1로 문자를 변환하는 과정을 문자 인코딩이라고 한다. 같은 문자 집합에 대해서도 다양한 인코딩 방법이 있을 수 있다. 문..

[JavaScript] 모듈

모듈이란? 프로그램은 코드의 재활용성, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 대표적으로 하나의 코드를 여러개의 파일로 분리하는 것이다. 자주 사용되는 코드를 별도의 파일로 만들어서 재활용할 수 있다. 코드를 개선하면 이를 사용하는 모든 애플리케이션의 동작이 개선된다. 코드 수정시 필요한 로직을 빠르게 찾을 수 있다. 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우저에 의해 저장이 되기 때문에 로직을 로드 할 때 시간과 네트웤 트래픽을 절약할 수 있다.(브라우저에서만 해당) 호스트환경 호스트 환경의 개념을 알아야 우리는 모듈을 이해할 수 있다. 왜냐하면 자바스크립트에서는 모듈이라는 개념이 존재하지 않는다. 자바스크립트가 구동되는 호스트 환경에 따라 각기 다른 모듈화 방법이..

[CS] 0과 1로 숫자를 표현하는 방법

컴퓨터가 이해하는 2가지 정보 중(데이터와 명령어) 데이터에 관한 학습이다. 컴퓨터는 기본적으로 0과 1밖에는 이해하지 못한다. 전기신호가 쎄다 or 약하다 즉, 0과 1로 컴퓨터는 정보를 받아들인다. 근데 어떻게 3과 4 그리고 100 , 10000 …등 큰 수들을 이해할 수 있을까? 정보단위 컴퓨터가 0과 1을 표현하는 가장 작은 정보 단위는 '비트'이다. ↓↓2비트로 표현할 수 있는 정보↓↓ ○ ○ ○ ● ● ○ ● ● n비트로는 2n가지의 정보 표현이 가능하고 프로그램은 수많은 비트로 이루어져 있다. 비트보다 더 큰 단위는 바이트 → 킬로바이트 → 메가바이트 → 기가바이트 → 테라바이트 … 워드(word) 컴퓨터 구조를 학습하는데 있어서 중요하게 다루어 지는 단위가 있는데 바로 '워드'이다. CP..