본문 바로가기
  • 사람은 무언가를 배울 필요가 있을때가 되서야 비로소 배우게 된다.
728x90
반응형

JavaScript21

★ 객체 값 바꾸기에 대한 오해와 해결 const obj = { a : "리액트", b : "자바스크립트" } // 이러면 주소를 같이 쓰겠다는 뜻 ! // 그래서 값 안바뀜 const newObj = obj // 이렇게 해야 드디어 객체 값을 받아서 저장한다는거임 ! // , a : "노드" 로 객체 값을 바꾸는 거임 const newObj = { ...obj, a : "노드" } 2024. 1. 2.
JS 구조분해 할당. 핵심 : 구조분해 할당은 그냥 객체를 .으로 계속 불러내기 귀찮기때문에 이름을 줄여서 쓰기 위한 것 ! // 기존객체 const naviObj = { navinm :"회사소개", naviDep:"2", naviLink:"naver", navi2obj: { subject : "리액트" } }; // naviObj.naviLink로만 접근할 수 있음. console.log(naviObj.navinm) // 구조분해할당하기 (이름바꿀려면 : 으로) const {navinm, naviDep, naviLink:myLink, navi2obj: {subject} } = naviObj; // 이제 그냥 naviLink으로도 접근가능! console.log(navinm) console.log(myLink) 2024. 1. 2.
[금기]JS로 css스타일지정 한번에 ! 사이트 폭파 버튼 → 이렇게 백틱으로 js에서 스타일을 여러개 지정하면transition 줄때 시간차로 오류나는걸 확인함 ! 원인은 style이라는 객체가 초기화되면서 나는 원인! 하여튼 style은 귀찮아도 따로따로 쓰자 ! 2023. 12. 26.
일반함수 vs 화살표함수 화살표함수 실행바로됨. (리액트에서 화살표함수가 많이 쓰이게된 이유) 함수가 만들어진 곳에서 **this**를 가져옵니다. 그래서 함수를 만든 시점에서의 주위 상황의 **this**를 계속 사용합니다. 말하자면, 함수를 만든 그곳의 규칙을 따릅니다. (이 차이 때문에 화살표함수를 쓰는거고 화살표함수가 만들어진 이유임.) 일반함수 함수가 어디에서 호출되었는지에 따라 **this**가 바뀝니다. 말하자면, 함수를 부를 때마다 **this**가 달라집니다. 2023. 12. 26.
실수많이하는 onClick 함수 실행식 onClick={ function(){ 실행식() } } → 가능 onClick={ () => { 실행식() } } → 가능 onClick={ 실행식 } → 매개인자가 없는 경우만 가능 onClick={ 실행식() } → 안됨 ! 2023. 12. 18.
[JS 완전가이드] 타입, 값, 변수 요약 자바스크립트 완벽가이드(데이비드 플래너건 저) 3.11 요약 이 장에서 기억해야 할 핵심은 다음과 같습니다. · 자바스크립트에서 숫자와 문자열을 만들고 조작하는 법 · 자바스크립트법의 다른 기본 타입인 불, 심벌, null, undefined를 다루는 법 · 불변인 기본 타입과 가변인 참조 타입의 차이 기본값은 불변. 객체값은 참조. 즉, 두 객체가 값이 같다는 말은 오직 두 값이 같은 객체를 참조할때만(가르킬때만) 성립. · 자바스크립트가 묵시적으로 타입을 변환하는 과정, 그리고 프로그램에서 직접 변환하는 법 1) 명시적 변환 String(x), Number(x), Boolean(x) 등 메소스 사용 2) 묵시적 변환 · 상수와 변수를 선언하고 초기화하는 법(분해 할당 포함), 선언하는 변수와 상수 의.. 2023. 10. 17.
728x90
반응형

티스토리툴바