[HTML / CSS] 개념 다지기 1.
·
프로그래밍 언어/퍼블리싱 ( HTML, CSS )
세상에 존재하는 모든 웹 페이지는 HTML로 작성됩니다HTML = 웹사이트의 구조를 이루는 뼈대CSS = 웹사이트에 살을 붙이고 옷을 입히는 스타일링JS = 웹사이트가 사용자와 상호작용할 수 있도록 움직임을 더하는 관절HTML → Hypertext Markup Language 즉, 마크업 언어는 “자료의 구조(웹페이지)를 표현하기 위한 언어” 1. 마크업(Markup)마크업(Markup)은 문서의 구조를 정의하는 태그 기반 언어를 의미한다.대표적인 마크업 언어: HTML, XML예시 2. 마크다운(Markdown)마크다운(Markdown)은 더 쉽게 문서를 작성할 수 있도록 만든 경량 마크업 언어.HTML 같은 마크업 언어보다 간단하고 직관적이면서도, 웹에서 HTML로 변환이 가능하다.대표적인 사용처: ..
[TypeScript] 컴파일러 옵션 설정하기
·
프로그래밍 언어/TypeScript
터미널에서 `tsc --init` 입력... 그러면 tsconfig.json 파일이 나오게 되는데  해당 파일은 TypeScript 프로젝트에서 컴파일러 옵션과 설정을 정의하는 파일임.  이제부터 우리가 해당 컴파일러 옵션을 설정해 보자. 1. include{  "include": ["src"]} 이렇게 설정해주면 src안에 있는 모든 파일을 동시에 컴파일 해줌. 이후 `tsc` 명령어만 입력하면 include안에 입력된 경로의 모든 파일을 컴파일해준다. 2. compilerOptions > target  "compilerOptions": {    "target": "ES5"  }, 이렇게 설정하면 컴파일되는 과정에서 js가 ES5로 설정이 됨. 즉 컴파일의 버전을 선택해서 사용할 수 있다. `ESNex..
[JavaScript] 변수와 상수 그리고 자료형...
·
프로그래밍 언어/JavaScript
변수와 상수 변수(variable) 란?직역하면 변하는 수, 프로그래밍에서는 데이터를 저장하는 상자 라고 생각하면 쉬울 것 같다. 변수를 사용하려면 우선 변수를 [선언(declaration)] 해야한다. 그 후에 선언된 변수를 [할당(assignment)] 시켜야한다. 변수 선언은 컴퓨터에게 나 여기(변수)에 데이터 저장할거야 인지해 라는 과정이 될 수있고할당은 "여기" 에 데이터를 넣어주는 과정이라고 할 수 있다.  즉 메모리 공간을 확보하고, 코드의 가독성과 유지보수를 향상시키기 위해 변수 선언 및 할당을 한다는 소리다. let korea;이렇게.. 상수(constant) 란?말 그대로 변하지 않는 값 을 의미한다. 즉, 프로그램 실행 중에 값이 고정되어 변경되지 않는 것을 상수 라고 합니다.ex) ..
[JavaScript] 는 무슨 역할을 하는 언어일까?
·
프로그래밍 언어/JavaScript
나는 현재 JavaScript를 학습하고 있는데 학습 목적은 웹 개발을 하기 위해 학습하고 있다. 웹 개발뿐만 아니라 JavaScript는 서버 개발 (Node.js)  데스크톱 애플리케이션, 모바일 애플리케이션, 기타 등등 다양한 분야로도 사용되고 있다. JavaScript의 주요 역할과 특징 1. 동적 동작 구현예를 들어, 버튼을 클릭했을 때 팝업을 띄우거나, 페이지 콘텐츠를 실시간으로 업데이트하거나, 애니메이션 효과를 구현하는 것들을 얘기한다. 웹을 움직이게 하는 근육 같은 존재라고 할 수 있겠다. 2. 브라우저와 사용자 간 상호작용 지원html과 css와 함께 웹 개발 핵심 기술로 사용자와 상호작용을 담당한다. 3. 다양한 플랫폼에서의 활용Node.js를 통해 서버 개발에 사용된다. React N..