JavaScript ES6 (ECMAScript 2015)에서 새로 추가된 주요 문법let과 const:let: 블록 스코프를 가진 변수 선언 (기존 var는 함수 스코프).const: 상수 선언, 한 번 값이 할당되면 재할당할 수 없음.let x = 10;const y = 20; 2. 화살표 함수 (Arrow Functions):function 키워드를 사용하지 않고 간결하게 함수를 작성할 수 있게 해줍니다.this 바인딩을 다르게 처리하므로, 다른 함수 내에서 사용시 유용합니다.const sum = (a, b) => a + b; 3.템플릿 리터럴 (Template Literals):문자열을 만들 때 ${}를 사용하여 변수나 표현식을 삽입할 수 있습니다.멀티라인 문자열도 쉽게 다룰 수 있습니다.cons..

PDF 다운로드

http://ieo.kr/?mode=utils&exec=specialchar

.fast-recomn-section .fast-recomn-text-unit.ai{ background: linear-gradient(90deg, #00F0FF 0%, #10EC0C 13.11%, #00F0FF 27.15%, #4E4E4E 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

.ai-text{ animation-duration: 3s; animation-name: rainbowText; animation-iteration-count: infinite; } @keyframes rainbowText { 0% { color: #ff2a2a; } 15% { color: #ff7a2a; } 30% { color: #ffc52a; } 45% { color: #43ff2a; } 60% { color: #2a89ff; } 75% { color: #202082; } 90% { color: #6b2aff; } 100% { color: #e82aff; } }

html css .twoanswer-ai-section.active2 .suggest-img-wrapper{ animation : cardMove 1s ease forwards; animation-delay: calc(var(--n) * 0.2s + 2s); }

너비와 높이 (width and height): 요소의 너비(width)나 높이(height)를 설정할 때 % 단위는 부모 요소의 너비나 높이를 기준으로 합니다. 예를 들어, 부모 요소의 너비가 500px일 때 자식 요소의 너비를 50%로 설정하면, 그 자식 요소의 너비는 250px이 됩니다. 패딩과 마진 (padding and margin): 패딩(padding)이나 마진(margin)을 백분율로 설정할 경우, 이는 해당 요소의 부모 요소의 너비를 기준으로 계산됩니다. 예를 들어, 부모의 너비가 600px이고, 자식 요소의 마진을 10%로 설정하면, 그 마진은 60px이 됩니다. 위치 (position): 요소의 위치를 %로 지정하면, 이는 위치의 기준점(예를 들어 position: relative의 ..

input[type=file]::file-selector-button{~css속성들~} css 에서 ::file-selector-button 을 사용하면 파일선택하는 버튼을 커스텀 할 수 있다

position fixed position relative 가 차례로 선언되어있는 각각의 div가 있다 기본적으로 요소가 html 에 나오는 순서대로 스택순서가 결정이 된다. 즉 나중에 선언된 요소가 더 위에 렌더링 되고 있는 것이다. !! 잘못 알고 있었던 부분 position fixed를 선언하면 다른 position 요소들 보다 위에 보일 거라고 생각했는데 (z-index를 선언한 것처럼) fixed를 선언하고 z-index를 추가로 선언해야 앞에 올라와서 따라오는 효과를 낼 수 있다. fixed를 맨 처음 선언하고 밑에 다른 position 요소들을 만들면 position 요소들 뒤로 뷰포트에 고정되어 따라온다.

1. 오류 코드 정리 (https://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml) 100번대 (정보제공) 임시응답. 현재 요청까지는 처리 되었음 200번대 (성공) 클라이언트의 요청이 서버에서 성공적으로 처리됨 300번대 (리다이엑션) 완전한 처리를 위해서 추가 동작이 필요함. 주로 서버의 주소 또는 요청한 URL의 웹 문서가 이동되었으니 그 주소로 다시 시도하라는 의미 400번대 (클라이언트 에러) 없는 페이지는 요청하는 등 클라이언트의 요청 메세지 내용이 잘못된 경우 500번대 (서버 에러) 서버 사정으로 메세지 처리에 문제가 발생한 경우 서버 부하, DB처리 과정 오류, 서버에서 익셉션이 발생하는 경우 자세한 내용 http..

서버 통신 과정 (프론트) : 데이터 입력 (백엔드) : 서버에 저장 (DB) : 서버에 저장된 값 저장 (DB) : DB에 저장된 값 서버로 전송 (백엔드) : 전송된 값 프론트로 보냄 (프론트) : 불러온 값 보여줌 프론트 : 사용자에게 화면을 보여줌 백엔드 : 프론트 - 서버 데이터 통신 DB : 정보 저장 1. CRUD 정의 Create - 만들기 Read - 읽기 Update - 수정 Delete - 삭제 2. Http method 종류 GET : 조회 // DB에서 데이터를 얻어오기 POST : 등록 // DB에 데이터를 추가, 작성 PUT : 수정 // DB의 데이터를 갱신, 수정 DELETE : 삭제 // DB의 데이터를 삭제 이외에 HEAD, OPTIONS, PATCH, CONNECT 가있다