전체 글 68

[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

[HTML/CSS] 'class' 와 'id'의 차이

앞으로 많이 접하게 될, class와 id의 차이는 무엇인가? classid선택자(Selector). (ex) .class# (ex. #id) 특징- 하나의 요소에 여러 개의 class 지정 가능 > 중복 가능- 여러 요소에 동시에 적용될 수 있으며, 하나의 요소에 여러 개의 클래스를 지정할 수도 있음- 하나의 요소에 하나의 ID만 가질 수 있음 > 중복 불가 (Unique성)- 하나의 요소에만 할당되기 때문에, 유일하게 식별 필요 시 사용※ class 보다 우선적으로 적용 사용처비슷한 특성을 가진 요소들을 그룹화, 스타일링-을 일관성 있게 적용 필요 시 사용유일한 요소를 식별하여 정확하게 선택하는데 사예시섹션 제목 내용... 링크헤더 영역 중복 가능 여부의 차이?하나의 요소에 ~~~~ 중복이 가능? 중..

Dev/HTML-CSS 2025.03.20

[HTML/CSS] HTML, CSS, Javascript (기초)

오늘 할 것 (왕초보) 웹개발 종합반 - 강의 듣고 예시 따라해보자.HTML, CSS 예시Javascript / JQuery 예시 CSSclass무언가를 꾸미고 싶을 때는 꾸미고 싶은 대상을 지칭해야 함class로 이름을 지칭할 수 있음 SD 캐릭터 앨범 - ChatGPT 캐릭터 저장하기 Bootstrap: 다른 사람들이 잘 만들어둔 것을 모아둔 곳, 굉장히 유용하게 사용될 듯!더보기[예시 따라하기] 예시 / 실습 코드더보기 SD 캐릭터 앨범 - ChatGPT 캐릭터 저장하기 캐릭터 이미지 캐릭터 이름 ..

Dev/HTML-CSS 2025.03.19

[HTML/CSS] HTML, CSS (기초)

오늘 할 것 HTML, CSS 기초 공부(왕초보) 웹개발 종합반 - 강의 듣고 예시 따라해보자.오늘 배운 것앱, 게임 등 개발은 웹개발로 입문!?기존 HTML / CSS 코드를 수정해본 경험이 있긴 한데, 기초부터 배운 적은 없어서 처음부터 해보니 C언어 배울 때 printf 처음 써봤을 때의 느낌! 웹브라우저의 동작원리"클라이언트"가 요청하면 "서버"가 요청 내용을 제공한다.손님이 원하는 것을 요청하면 가게 주인이 손님이 원하는 것을 준비해서 제공한다는 느낌인듯!예시 따라하기로그인 페이지에서 보여주고 싶은 것의 뼈대를 그린다. → HTML 보여주고 싶은 것을 보기 편하게 꾸며준다. → CSS 더보기HTML/CSS 코드 로그인 페이지 아..

Dev/HTML-CSS 2025.03.18

스타터 노트 - Spring 7기

1. 내가 Spring 트랙에 참여한 계기는 무엇인가요?- 게임 업계에서 CS, 커뮤니티 CM, 서비스 PM 등 직종을 경험해보면서 조금 더 직접적으로 게임 등 서비스 운영에 도움이 되고 싶다 생각하였고, 그 중에서 과거 대학 시절에 게임 제작해본 경험이 다시 향수처럼 다가와 관심을 가지게 되었습니다.- 개발자 중에서는 저에게 어떤 개발자가 잘 맞을까, 어떻게 공부를 해야할까 고민하던 중 내일배움캠프를 알게 되었고, 백엔드 부트캠프에 신청할 때 마치 첫 직장에 입사했을 때의 걱정, 두려움을 뛰어넘는 긴장, 설렘과 같은 심장의 두근거림을 느끼게 되어, 현재 제가 향후 진로에 흥미를 가지고 있는 길은 개발자의 길이라  생각되어 부트캠프에 참여하게 되었습니다. 2. 내가 이해한 개발자(혹은 생각했던 직무)는 ..

Sparta 2025.03.17