전체 글33 JS- 익명 함수 간단하게 사용 (함수형 컴포넌트에서...) 결론:코드의미( ) => { 실행할 코드 }이름 없는 함수 만들기 (익명 함수)onClick={함수}버튼 클릭하면 함수 실행onClick={( ) => 코드}버튼 클릭하면 즉석에서 이 코드 실행 💡 익명함수 모양() => { console.log("클릭됨");} ()는 매개변수 자리를 의미.=>는 화살표 함수라는 뜻.💡클릭시 익명함수 실행onClick = { () => setCount(count + 1) }onClick = {이거 실행}>> 버튼 누르면 실행될 "미니 프로그램"을 그 자리에 바로 적어놓은 것 js onClick={내가만든함수} 이렇게 따로 함수 이름 줄 수도 있지만, 그냥 그 자리에서 즉석으로 미니함수 쓰면: .. 2025. 7. 18. JS- 함수형 컴포넌트 + 리터럴 객체 JS에선 함수형 컴포넌트, 리터럴 객체를 주로 사용 ( 클래스 컴포넌트는 잘 안씀 ) 요약: 🍎 { }로 만든 건 그냥 객체 리터럴 🍎 ()=> 로 만든 건 함수형 컴포넌트 (React에서 컴포넌트로 사용됨) (또는 function으로 만든거) ❇️ 리터럴 객체 예시const user = { name: 'hi',age:25 }키(key) : name, age값(value) : 'hi', 25 ❇️ 함수형 컴포넌트 예시React에서 사용하는 함수형 컴포넌트는 함수 자체. 객체 아님!function 🍎(){return Hello!;}또는 화살표 함수로const 🍎= () => { return Hello!!!!; } 그렇다면 클래스 컴포넌트도 있는데 왜 함수형 컴포넌트를 쓸까? ⚡ 함수형 컴포넌트 .. 2025. 7. 18. JS-다른 언어들과 헷갈리는 지점 ... 객체?! {} 객체JS에선 원래부터 키-값 데이터를 객체라 불러옴 (dict랑 비슷)for문 변수C는 함수 스코프, JS는 블록 스코프라 안에서 선언 (let 추천)const로 선언참조(주소)를 고정. 배열/객체 자체 재할당을 막음. 내부 값은 수정 가능 1. JS에서 { }를 왜 객체(Object)라고 부르나?Python의 dict (딕셔너리)JSON 구조 (JavaScript Object Notation) 이 두 개랑 사실상 같은 개념 JS에서는 { key: value } 구조를 원래부터 “객체”라고 불러왔음이유: JavaScript는 원래 클래스 없이 { } 만으로 속성(key),값(Value)의 모음체를 만들 수 있었다. 즉, JS에선 {} 자체가 객체로 시작한 언어이다. 정리: {} = JS.. 2025. 7. 18. JS-변수 선언 : 배열,리터럴객체 / 리터럴 객체 접근 방법 2가지 : 점표기법 & [ ] 결론const는 배열/객체에도 기본으로 사용 (재할당 막기 위해)점 표기법 / 대괄호 표기법 구분할 것for문은*3단 구성(초기값; 조건식; 증감식)으로 사용배열 반복은 length 사용해서 동적 처리하는 게 안정적● 변수 선언const : 절대 값이 변하지 않을 변수 (상수) let :값이 나중에 바뀌는 변수 ❌ 실수했던 부분: const myNumber; ← 이렇게 값 없이 선언 Xconst는 선언과 동시에 값이 들어가야 함. ✅ 올바른 예시: const myNumber = 10;let myCount = 5;myCount = 10; // let은 값 변경 가능 ● 배열, 리터럴객체 const로 하는 게 일반적 이유: 배열→ 배열 자체를 바꾸지 않으면 괜찮음 배열→ 배열 안의 값은 추가/삭제/수정.. 2025. 7. 18. 폰트 렌더링이 되고 있지 않은 상태 -해결 현상: 원하는 폰트 css 스타일 적용시키고 JS fetch 했는데도 적용 안된 것 처럼 보임확인: 글 선택후- 웹 개발모드에 -Rendered Fonts 검색 - 아래에 뜨는 게 현재 선택한 것 폰트 문제: fetch 되자 html에 임시로 써놓은 style이 다 덮어씌워져서아무리 !important를 붙여도 소요이 없음html 내 js code에 fetch후 -> 폰트 적용하는 코드를 추가해서 , 실행하도록 수정if (includePath) { fetch(includePath) .then(response => { if (response.ok) { return response.tex.. 2025. 4. 15. VScode 단축키 갑자기 꼬임 _^+D안됨 문제발생: ^ + D 하면 원래는 선택한 단어 다음단어 자동 선택인데 안됨. 줄 복제가 됨원인: 익스텐션으로 요녀석을 설치해서 꼬인것 해결:삭제하면 됨 2025. 4. 15. 이전 1 2 3 4 ··· 6 다음
