문서 객체 조작

문서 객체 조작 조작 : 값을 추출하거나 넣는 것 🧁 문서 객체를 조작할 수 있는 위치 (1) head태그의 script에서 조작 (2) body태그 마지막에 배치한 script에서 조작 (1)번 같은 경우는 문서 객체가 모두 만들어진 이후에 함수를 시행해야한다. 하지만 head가 body보다 앞에 있기 때문에 순서가 맞지 않음! 이럴때 쓰는 것이 DOMContentLoaded ※ DOMContentLoaded : DOM 콘텐트 로드가 완료되면! 이라는 이벤트임 이런식으로 쓴다 ... addEventListener('DOMContentLoaded',()=>{ 어쩌구 코드 }); 즉, DOMContentLoaded 라는 이벤트를 설정하여 조작하는 것! 🧁 문서 객체 가져오기 body태그 내부의 다른 태그를..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 11. 14.
• textsms

커밋 메세지는 스윗하게 💕 (컨벤션)

🔗 인프런 - 제대로 파는 Git & GitHub - by 얄코 회사에서는 그냥 하라는 대로 하긴 했는데 강의 보고 이런 것도 있구나~ 신기했음 참고하자! 일단 커밋 메세지 적는 팁 1. 커밋 메세지는 어떤 작업이 이뤄졌는지 알아볼 수 있어야함 2. 한 단위 작업은 커밋 하나에 담는게 좋음 왜냐면 여러개 같이 커밋했다가 하나만 취소해야되면 머리아픔 컨벤션 어떻게 쓸지 팀원들이랑 협의하는 것 커밋 메세지 적는 방법은 팀마다 다 다르니까 정답은 없음! 전 세계적으로 사용되는 커밋 메세지 작성 방법 ▼ 커밋 메세지 예시 feat: 어쩌구 기능 추가 사용자가 어쩌구 기능을 쓸 수 있게 다음과 같은 기능들을 추가함 - 춤추기 - 노래하기 Closes #125 예시 중에 feat은 타입인데 여러가지 타입들이 있다 ..

• format_list_bulleted 🧠 저장/Git
• · 2022. 10. 30.
• textsms

배열과 객체 관련 기초

자바스크립트 배열과 객체 관련 기초 배열과 객체 🐇 배열과 객체의 비교 const 배열 = [값, 값, ...] const 객체 = {키: 값, 키: 값} 식별자인 키는 숫자로 시작하지 않음. 기호는 $랑 _만 사용가능 🐇 내부 요소 접근 방법 배열[index] 객체.키 객체['키'] 이것도 가능한데 잘 안씀 🐇 요소와 속성 요소 : 배열에서 값 하나하나를 '요소'라고함 속성 : 객체에서 키: 값 하나를 '속성'이라고 함 🐇 this 활용 익명함수에서는 this는 자기 자신!! 하지만 화살표함수에서는 this가 따로 연결이 안됨 const 디스 = { 익명 : function() { console.log(this) }, 화살 : () => { console.log(this) } } 디스.익명() 를 호출..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 10. 27.
• textsms

Javascript - 함수 관련 기초

자바스크립 함수 기초 익명 함수와 선언적 함수 익명함수 const f = function (매개변수, 매개변수) { return 리턴값 } 선언적 함수 function f (매개변수, 매개변수) { return 리턴값 } const f 가 변수 이름이 있으니까 익명이 아니지 않나! 라는 무식한 생각을 했지만 변수 이름은 있고 함수 이름은 없으니 익명 함수 맞음 ^^ ( 이렇게 기억하고있자 ㅠ ) 초기에는 선언적 함수를 더 많이 사용했는데 자바스크립트가 프로그래밍 본질을 발전시켜나가면서 익명 함수를 더 많이 쓰게 되었다고 한다. 왜냐하면 ... 함수() // → 선언적함수입니다. 함수 = function(){ // (2) 얘가 나중에 실행됨 console.log('익명함수입니다.') } function 함..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 10. 26.
• textsms

React - JSX, 컴포넌트, 프로퍼티, 상태

와 내가 드디어 리액트를 해본다 리액트 - JSX JSX (Javascript XML)는 Javascript에 XML을 추가 확장한 문법! 리액트로 프로젝트를 개발할 때 사용하고 공식적인 문법은 아님! 또한 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. * Babel은 최신 ES6버전을 구 버전인 ES5로 변환해준다. 또한 JSX문법을 Javascript 문법으로 변환하는 기능도 가지고 있으며, React에서 JSX를 사용할 수 있게하는 핵심적인 역할을 함 그래서 jsx문법 적용시 스크립트를 불러올 때 타입을 babel로 지정해줘야한다. createElement() 적용 (1) 첫번째 파라미터 → 태그명 (2) 두번째 파라미터 → 태그 내부의 속성명으로 변경 (3)..

• format_list_bulleted 🧠 저장/React
• · 2022. 10. 18.
• textsms