Dev/Javascript 3

[JS] 전역 스코프와 모듈 스코프 개념

// greeting.js (모듈 파일)export function greet(name) { console.log(`Hello, ${name}!`);}// 여기서 선언된 greet는 export 했으므로 다른 모듈에서 import 가능// export하지 않은 함수/변수는 모듈 내부 스코프에만 존재 greet() 함수는 모듈 내부에 있으며, export 때문에 다른 모듈에서 import할 수 있다.전역 객체(window)에 등록되지 않으므로, onclick="greet('Bob')" 같은 인라인 이벤트로 직접 호출은 안 된다.모듈 스코프 특징독립된 스코프: 모듈(파일)마다 별도의 스코프를 가지므로, 이름 충돌을 방지할 수 있음.자동 엄격 모드(Strict Mode): 모듈 스크립트는 'use stric..

Dev/Javascript 2025.03.26

[JS] 클라이언트와 서버 개념 / Fetch (기초)

클라이언트 - 서버의 개념클라이언트(client): 서비스를 이용, 요청하는 사용자 혹은 장치, 프로그램서버(server): 네트워크를 통해 클라이언트에게 서비스를 제공하는 시스템 더보기[예시]클라이언트(손님): 식당에서 원하는 메뉴(서비스)를 주문(요청)하는 사람.서버(주방 또는 점원): 주문받은 메뉴(정보, 데이터)를 만들어서 손님에게 제공(응답)합니다. 클라이언트(손님): 편의점에서 물건(정보)을 사기 위해 “이거 주세요”라고 이야기하고 계산을 합니다.서버(편의점): 손님이 요구한 물건을 가지고 있고, 얼마인지 알려주며 판매해 줍니다. 클라이언트(고객): 온라인 쇼핑몰에서 주문을 합니다.서버(쇼핑몰 서버, 물류창고): 재고가 있는지 확인하고, 결제 정보를 처리한 뒤, 택배를 보내줍니다.웹사이트 접속..

Dev/Javascript 2025.03.24

[JS] JQuery / JSON(기초)

JQuery오픈 소스 기반의 Javascript 라이브러리쉽게 말해 사용하기 쉽게 다른 사람들이 만들어둔 Javascript 라는 의미JQuery를 이용하기 위해서는 JQuery 라이브러리를 코드에 추가해야 사용할 수 있다.오늘 사용해본 JQuery$('id').toggle(); -> 토글 기능let a = $('a').val -> id 'a' 변수에 값 넣기$('id').append(); -> 값 붙여넣기let a = ` ` (백틱) -> 문자열에 변수 포함할 때 사용${a} -> 문자열에 넣을 변수 a 값console.log() -> 괄호 안의 내용을 콘솔창에 출력할 때 쓰는 명령어*백틱(`) 은 무엇이고 왜 사용할까?백틱(`)이란? 숫자 1 왼쪽에 있는 입력 키 (흔히 shift를 같이 사용할 ..

Dev/Javascript 2025.03.21