귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/03/17 3

자바스크립트 공부하기 - trim

아무리 해도 이해가 안되던.. 이름부터 뭔가 어려운 trim.자꾸 등장해서,, 그냥 넘길 수 없기에 열심히 .. 하면 된다 ~ !🪚trim() 이란 ? - 자바스크립트에서 trim()은 문자열의 앞뒤에 있는 공백(띄어쓰기, 탭, 줄 바꿈 등)을 제거하는 역할을 합니다. 쉽게 말해, 문자열의 "군더더기"를 없애주는 기능이라고 생각하면 됩니다. - trim()은 문자열(string)의 앞뒤 공백(whitespace)을 제거하는 메서드입니다.🚫 주의: trim()은 문자열에만 사용 가능하며, HTML 요소나 숫자에는 적용할 수 없습니다. trim() 예시:let text = " 안녕하세요! ";let trimmedText = text.trim();console.log(text); // " 안녕하..

Studying/JavaScript 2025.03.17

자바스크립트 공부하기 - 토글(Toggle)

"토글(Toggle)"은 자바스크립트의 특정한 기능이 아니라 **"패턴(pattern)"**이야!즉, 자바스크립트의 특정한 문법이나 내장 기능이라기보다는, 변수를 업데이트하는 방법 중 하나라고 보면 돼.✅ 토글이 포함되는 개념토글 패턴은 자바스크립트의 제어 흐름(control flow)과 상태(state) 관리와 관련 있어!아래 세 가지 개념에서 주로 사용돼:변수 업데이트 (State Management)true ↔ false 같은 불리언 값 바꾸기1 ↔ 2 ↔ 3 같은 숫자 값 변경"ko" ↔ "en" 같은 문자열 변경조건문 (Conditional Statements)if...else 또는 ? : (삼항 연산자)로 상태 변경classList.toggle()처럼 특정 조건에서 클래스 추가/제거이벤트 핸들..

Studying/JavaScript 2025.03.17

html 공부하기 - table (표 만들기) 쉽게 시각화 고민해보기..

HTML에서 태그는 표를 만드는 데 사용돼! 아주 쉽게 설명해줄게.기본 구조표를 만들려면 태그 안에 , 같은 태그를 사용해.: 표 전체를 감싸는 태그: 표의 행(row): 표의 셀(cell), 데이터를 넣는 곳   응 그래.. 개념은 알겠는데 이걸 뭔가 시각적으로 예상이 안온다면 ? 💬 ..   좀 더 구체적으로, "tr"은 행을 만들고, "td"는 셀을 만든다는 개념을 시각적으로 설명해줄게.1. 표의 기본 구조표는 **행(row)**과 **열(column)**로 구성돼.행 (tr): 가로로 길게 쭉 늘어나는 줄.열 (td): 세로로 데이터를 넣는 칸.예시로 이해하기표를 그릴 때, 상상해봐!이름나이철수20영희22이 표에서 **'이름'**과 **'나이'**는 첫 번째 행에 들어가고, 철수와 20, ..

카테고리 없음 2025.03.17