KDT web-8

in-line, block 요소 in-line 요소 종류 span, a, br, em, storng, input, label, img block 요소 종류 div, table, h1~6, p, form, ul, ol, li 등 (in-line 요소 안에 block 요

업로드중..→ 웹 페이지에서 동적 기능을 구현할 수 있도록 하는 스크립팅/프로그래밍 언어내장방식 : 간단하게 작성, 특정 페이지에서만 작동링크방식 : 코드 양 많아질 경우 파일로 관리, 여러 페이지에서 적용시키고 싶을 경우 사용, 유지보수 용이dash-case : he

Javascript 표준객체 → 자바스크립트가 기본적으로 가지고 있는 객체들 Date 시간, 날짜에 관한 정보 제공 관련함수 now() - 현재 시간 반환 getFullYear() - 년도 반환 getDate() - 월 반환 getDay() - 일 반환 getTi

프로젝트 명 Ticket Tier Adviser 프로젝트 진행 기간 2023.07.17 ~ 2023.07.26 기술스택, 라이브러리 HTML/CSS/Javascript, JQuery, Animate.css, Embla Carousel, CryptoJS, Naver M

Node.js 자바스크립트 기반으로 서버사이드 개발에 사용되는 Javascript 런타임 이벤트 기반, Non-Bloking I/O 모델 사용하여 가볍고 효율적 런타임? 프로그래밍 언어가 구동되는 환경, javascript를 서버사이드 언어로 활용하기 위해 나온것이

데이터베이스 데이터를 저장하는 집합소 RDBMS 관련된 데이터에 대한 저장/접근 제공 (MySQL, ORACLE, MariaDB 등..) 열(Column, Attribute, 속성) 행(Record, Tuple, 튜플) 테이블(Table, Relation) >###

npm install mysql로 설치model에서 connection\-> 외부에서 최상위 root 계정에서 접근을 허용하지 않아 새로운 계정을 만들고 접근해야 함.MySQL 사용자 추가model에서 데이터 접근 후 controller로 view에 데이터 전달자바스크

Cookie 클라이언트에 저장되는 Key=Value 형태로 들어가있는 작은 데이터파일 이름, 값, 만료일, 경로정보로 구성되어 있음 Cookie 동작 방식 클라이언트에서 요청 보냄 → 서버에서 쿠키 생성 → 헤더에 쿠키 포함시켜 응답 → 만료기간까지 클라이언트에서

EC2 서버에 Nginx, Node 설치 PuTTY를 통해 서버에 정상적으로 접속하였다면, 해당 서버의 패키지 업데이트를 먼저 해줘야 한다. 1. 설치 sudo apt-get update - 패키지 최신으로 업데이트 sudo apt install nginx - 서

JWT(JSON Web Token) 웹 애플리케이션에서 정보를 안전하게 전송하기 위한 방법 인증된 사용자 식별, 데이터 서명하여 변조 방지 JWT 구성 Header - 토큰의 타입과 해시 알고리즘 정보 Payload - 실제 정보를 가진 데이터, claim이라 불리는

프로젝트 명 주차하카 프로젝트 진행 기간 2023.08.31 ~ 2023.09.15 개발환경 Language, Framework - HTML/CSS/Javascript, Node.js DataBase - MySQL DevOps - AWS EC2, AWS RDS A

웹 소켓 연결을 이용하여 클라이언트와 서버간의 이벤트 기반 양방향 통신을 가능하게 하는 라이브러리connection - 클라이언트와 서버 연결, 상호작용 초기화하거나 초기 데이터 전달disconnect - 클라이언트 연결 해제disconnecting - 클라이언트 연결

동적 UI를 만들기 위한 자바스크립트 기반 라이브러리단방향 데이터 흐름Component 기반 구조Component - 독립적 단위의 SW 모듈, React는 View를 여러 컴포넌트로 이루어짐Virtual DOMVirtual DOM - 실제 DOM의 상태변경을 빠르게

Event Handling React에서의 event React에서 event속성을 줄 때는 camelCase 사용, JSX 사용해 이벤트 핸들러 전달 함수에 인자를 담아 보낼땐 화살표 함수 사용 >### 클래스 컴포넌트에서의 이벤트 클래스 컴포넌트에서는 thi

css 코드의 재활용성과 코드 가독성을 높여 유지보수가 좋은 CSS 전처리기 중 하나sass : ;(세미콜론)과 {}를 사용하지 않고 tab을 이용해 스타일 정의scss : 기존의 css파일과 비슷한 문법 사용sass와 scss 모두 변수 선언 시 $ 사용특정 태그 내

프로젝트 명 StackoBunflow 프로젝트 진행 기간 2023.10.09 ~ 2023.10.19(11일) 개발환경 Language, Framework - React, Bun, Elysia, Prisma DataBase - MySQL Devops - AWS EC

프로젝트 명 옷늘날씨 프로젝트 진행 기간 2023.11.09 ~ 2023.12.08 개발환경 Frontend - Next.js, Typescript, Vercel, Recoil, Sass Backend - SpringBoot, Node.js, Spring Secu