본문 바로가기

전체 글122

모던 자바스크립트 : 데이터 타입과 연산자 💡 데이터 타입에 대해서 1. 데이터 타입이란? 데이터 타입 = 값의 종류 자바스크립트의 모든 값은 데이터 타입을 가짐 크게 원시타입과 객체 타입으로 분류 2. 데이터 타입의 필요성 값을 저장할 때 확보해야하는 메모리 공간의 크기 결정 위해 값을 참조할 때 한번에 읽어 들여야할 메모리 공간의 크기를 결정하기 위해 모든 값은 데이터 타입을 가지며 메모리에 2진수(비트의 나열)로 저장되며 그 값은 데이터 타입에 따라 다르게 해석되기 때문에 3. 데이터 타입의 종류 a. 숫자 타입 자바스크립트는 모든 수를 소수점이 있는 실수로 처리 -> 정수처럼 보이는 수기리 나눠도 실수가 나올 수 있음 숫자 타입은 3가지의 특별한 값도 표현 가능 -> Infinity(양의 무한대), -Infinity(음의 무한대), NaN.. 2023. 10. 17.
React에 대해 알아보자 React란? UI를 구축하기 위한 자바스크립트 프론트엔드 라이브러리 React의 장점 virtual DOM을 사용해서 어플리케이션의 성능을 향상시킴 서버, 클라이언트 사이드 렌더링 지원이 가능함 컴포넌트의 가독성이 높고 간단하여 유지보수가 쉬움 다른 프레임워크와도 혼용이 가능 React의 단점 앵귤러와 같은 프레임워크와 비교하자면 리액트는 단순 라이브러리이기 때문에, 더 많은 기능을 사용하고자 한다면 Redux, Router 등 많은 dependencies(의존성 모듈)가 필요 단방향 데이터 바인딩만 제공하는 것이 복잡도를 줄이기 때문에 장점이기도 하지만, 양방향 바인딩에 비해서 더 많은 양의 코드를 작성해야 하므로 불편함 React의 특징 1. 컴포넌트 기반 아키텍처 React는 컴포넌트 기반 아키텍.. 2023. 10. 16.
CSS에 대해 알아보자 CSS란? Cascading Style Sheetd 의 약자로, HTML 문서에 디자인을 입혀줍니다. ⭐️ cascading이란 스타일 우선순위, 스타일 상속이라는 두가지의 원칙을 통해 어떤 요소에 스타일을 적용할지 결정하는 것 CSS는 중복 선언을 허용하며 중복되는 경우 아래와 같은 우선순위로 처리 속성값 뒤에 !important를 붙인 속성 HTML에서 style를 지정한 속성 #아이디로 지정한 속성 .클래스, :추상클래스로 지정한 속성 요소 이름으로 지정한 속성 상속된 속성 class와 id의 차이점 id 문서내에서 유일 단, 여러 번 선언해도 오류가 나거나 렌더링되지 않거나 하지 않는다. class 문서내에서 중복 사용 가능 CSS 프레임워크 및 라이브러리들도 대부분 클래스를 기반으로 작동 ⭐️ .. 2023. 10. 13.
WEB 서버와 WAS 서버에 대해 알아보자 💡웹 서버와 웹 애플리케이션 서버 1. 웹 서버 (Web Server) 웹 서버는 클라이언트로부터 HTTP 요청을 받아 정적인 웹 페이지를 제공하는 역할 정적 콘텐츠(HTML 파일, CSS, JavaScript, 이미지 등)를 클라이언트에게 전달한다. 주요 웹 서버 소프트웨어에는 Apache, Nginx, Microsoft IIS 등 일반적으로 웹 서버는 요청에 따라 웹 애플리케이션 서버(WAS)로 요청을 전달하고, WAS가 동적 콘텐츠를 처리한다. 2. 웹 애플리케이션 서버 (WAS, Web Application Server) 웹 애플리케이션 서버는 동적 웹 애플리케이션을 실행하고 관리하는 역할 동적 콘텐츠 생성, 비즈니스 로직 실행, 데이터베이스와의 상호 작용 등을 처리한다. 주요 WAS 소프트웨어에.. 2023. 10. 13.
HTML에 대해서 알아보자 HTML이란? Hyper Text Markup Language 웹 페이지에서 다른 페이지로 이동할 수 있도록 태그로 이루어짐 결론적으로 HTML은 HyperText 기능을 가진 문서를 만드는 언어이다. HTML 구조 여기에 웹페이지에 표시할 콘텐츠(태그)를 입력해주세요 HTML 파일이라면 제일 첫 줄에 위치해야 하는 선언문 버전이 HTML5인 html을 사용했다고 브라우저에 알려주는 역할 모든 HTML elements(요소)들은 최상위의 태그로 감싸져 있음 사이트의 제목, 설명, 부가 정보, 기술적 내용(ex. 이 사이트는 주로 모바일용인지)이 들어가는 부분 head 태그에는 style, script, title, link, meta 태그가 들어감 문서의 키워드 또는 설정 등 문서와 관련된 여러가지 항목.. 2023. 10. 12.
모던 자바스크립트 : 자바스크립트, 변수, 표현식과 문 1. 프로그래밍 1-1. 프로그래밍이란? 목적 : 요구사항 실현(문제 해결) 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 1-2. 프로그래밍 언어란? 컴퓨터와 대화(명령에 사용되는 일종의 표현수단 사람과 컴퓨터(컴파일러, 인터프리터) 모두가 이해할 수 있는 약속된 형태의 인공어 구문(syntex)과 의미(sementics)의 조합으로 표현 1-3. 구문과 의미 프로그래밍 언어가 제공하는 문법을 적절히 사용하여 변수를 통해 값을 저장하고 참조하며 연산자로 값을 연산, 평가하고 조건문과 반복문에 의한 흐름제어로 코드의 실행순서를 제어하고 함수로 재사용 가능한 문의 집합을 만들며 객체, 배열 등으로 자료 구조화 ⇒ 프로그래밍은 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름.. 2023. 10. 12.

티스토리툴바