nodejs 1차시

백엔드란?웹 사이트나 앱의 뒤에서 작동하는 영역사용자가 볼 수 X - 서버, 데이터 베이스, API 등 관리 서버란?HTTP요청을 받아 다양한 처리를 하는 프로그램을 실행시키는 공간웹 서버정적인 콘텐츠 제공아파치, HTTP sever, NginxWAS동적인 웹 앱을 실행하는데 사용 웹 서버 뒤에서 요청에 대한 응답 제공Spring, django 개발자의 업무과제 할당과제 분석개발테스트QA배포유지 보수협업시 confluence, jira 추천 백엔드 언어1위 파이썬 flask2위 node.js3위 java4위 go등등등데이터 베이스란?(DB)전자적으로 저장되고 체계적인 데이터 모음DBMS(데이터 베이스 관리 시스템)을 사용하여데이터를 저장 및 검색, 편집을 할 수 있다.RDB행과 열로 구성된 테이블 형태..

• format_list_bulleted web/web
• · 2025. 8. 10.

JS 4차시 - 비동기

JS성질JS는 기본적으로 동기적 언어이다-> 싱글 스레드 언어 ( 스레드 : 코드가 실행되는 흐름 )한번에 하나의 일만 처리 가능프로그램 난이도 쉽고 cpu와 메모리 적게 사용연산량 많은 작업 수행시 멀티 스레드 필요동기란말 그대로 동시에 일어난다는뜻-> 요청과 동시에 결과가 나타남-> 시간이 늦어져도 요청한 자리에서 결과가 나와야됨-> 순서에 맞춰서 진행 가능하다는 장점-> 여러 요청을 한번에 처리 할 수 없다는 단점비동기란말 그대로 동시에 일어나지 않는다는 뜻-> 요청후 응답과 상관 없이 다음 작업 실행-> 여러 요청 동시에 받고 시간과 관계 없이 응답-> 서로 다른 작업을 동시에 처리 가능하다는 장점-> 설계가 복잡해지고 코드 가독성이 떨어진다는 단점비동기를 쓰는 이유JS는 웹 페이지의 응답 시간..

• format_list_bulleted web/web
• · 2025. 7. 29.

Js 3차시 - 객체

객체란 프로그래밍에서 데이터를 저장하고 조작하는 기본 단위 현실에 존재하는 모든것은 객체임객체는 프로퍼티(속성)과 메서드로 이루어져있다const car_gnx = { //객체 name: "gnx", //프로퍼티 color: black, //프로퍼티 weight: "1.5t" //프로퍼티}; 프로퍼티란프로퍼티란 속성이란 뜻으로 자바스크립트에서 객체 내부의 속성을 의미이 두가지 방법으로 접근할수있음객체이름.프로퍼티객체이름[프로퍼티] 매서드란어떤 객체가 가지고 있는 어떤 동작 화살표 함수란function이라는 키워드 없이 => 를 이용해 함수를 생성하는 방법예시 : const sum = (x, y) => x + y; 1.항상 익명인 함수 ( 익명함수: 재사용하지 않을 목적으로 이름을..

• format_list_bulleted web/web
• · 2025. 7. 28.

JavaScript 2차시 - 돔, 노드, 이벤트

DOM 이란? HTML내 원하는 위치에 접근하기 위한 하나의 방식 DOM의 역할DOM은 HTML 웹페이지와 JS를 연결하는 역할을 함JS는 document라는 전역 객체를 통해 HTML에 접근돔 트리란?브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화시켜 트리구조로 만든 객체DOM 함수getelementbyid : 특정 id 조회getelementbyname : 특정 name 조회 getelementbytagename : 특정 tage 조회getelementbyclassname : 특정 class 조회노드란?트리구조에서 root노드를 포함한 모든 각각의 객체root 노드 : 가장 위에 있는 노드노드의 종류element node : 모든 HTML문서는 요소 노드, 속성 노드를 가질 수 있는..

• format_list_bulleted web/web
• · 2025. 7. 25.

JavaScript 1차시 - 기본 문법

JavaScript 란?웹 페이지에 동적인 기능과 상호작용을 추가하는 데 사용되는 프로그래밍 언어 변수 생성 규칙 1.숫자, $, _만 가능( -, *은 불가) 2. 첫글자는 숫자 불가 3.예약어 불가 변수 자료형 var 함수 밖에서 선언하면 전역변수, 안에서 선언하면 지역변수, 같은 범위라면 수정가능let 업데이트 가능하지만 재선언은 불가능 const 업데이트도 재선언도 불가능, 선언하는 동시에 초기화해야함 타입 숫자(Number) 문자열(string) 불리언(boolean) 널(Null) Undefined 값이 할당되지 않은 기본값(var로 선언할때 할당됨) symbol 고유한 값 연산자사칙연산 연산자+ - * /거듭제곱**나머지%일항 연산자(변수)++, ++(변수)할당 연산자+= ..

• format_list_bulleted web/web
• · 2025. 7. 24.

1. HTML 구조와 구성

HTML 문서의 기본 골격 안녕하세요! 이 문서는 HTML의 기본 구조를 설명합니다. 각 태그의 역할과 의미HTML5 문서임을 명시무조건 첫째 줄에 존재 ... HTML 문서의 시작과 끝을 나타냄한글을 사용한다는 것을 명시화면에 보이지 않지만 브라우저나 검색엔진이 이해하는 중요한 정보들 포함 : 글자가 제대로 보이게 설정 ... : 브라우저 제목 설정 : 내부 스타일 정의 : 자바스크립트 코드 삽입 ... 사용자에게 실제로 보여지는 웹 페이지의 내용을 포함 텍스트 태그 ... HTML에서는 제목을 나타내기 위해 부터 까지 총 6가지의 태그를 제공 ( 콘텐츠 태그 )h 뒤의 숫자가 작을수록 더 중요한 문장임을 뜻함 가장 중요그 다음 중요덜 중요 ... 하나의 문장을 나타냄 ( 줄 ..

• format_list_bulleted web/web
• · 2025. 7. 5.