개발 공부 박스

* HomeBrew를 설치 한 후 시작합니다. 출처: https://parkjh7764.tistory.com/196 설치할 수 없다고 뜨는 경우 해주어야 할 것! 명령어로 rosetta 설치 // 1. 라이센스 동의 필요 softwareupdate --install-rosetta // 2. 라이선스 자동 동의 /usr/sbin/softwareupdate --install-rosetta --agree-to-license 4. JDK 설치 확인하기 java -version 5. 환경변수 설정 for zshrc vi ~/.zshrc => i를 눌러 입력모드를 활성화 한 후 아래 명령어 복사 붙여넣기 export JAVA_HOME="/Library/Java/JavaVirtualMachines/adoptopenj..

출처: https://velog.io/@twentizz20/Homebrew-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 Homebrew 설치하기 (M2 맥북 에어) homebrew 설치 및 에러 해결 방법 velog.io 1. 명령어 입력1 ~% /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 2. 명령어 입력2 ~% echo 'eval $(/opt/homebrew/bin/brew shellenv)' >> /Users/본인 홈 이름/.zprofile ~% eval $(/opt/homebrew/bin/brew shellenv) 3. homebrew 설치 확인 ~..

BOM, Browser Object Model 브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델은 아닙니다. 하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공해 줍니다. 자바스크립트에서는 이러한 BOM 모델의 객체들을 전역 객체(global object)로 사용할 수 있습니다. Window 객체 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원하고 있습니다. 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됩니다. Location 객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용할 수 있습니다. 이..

전역 객체(global object) 전역 객체란 자바스크립트에 미리 정의된 객체로 전역 프로퍼티나 전역 함수를 담는 공간의 역할을 합니다. 전역 객체 그 자체는 전역 범위(global scope)에서 this 연산자를 통해 접근할 수 있습니다. 자바스크립트에서 모든 객체는 전역 객체의 프로퍼티가 됩니다. 래퍼 객체(wrapper object) 이렇게 숫자, 문자열, 불리언 등 원시 타입의 프로퍼티에 접근하려고 할 때 생성되는 임시 객체를 래퍼 객체(wrapper object)라고 합니다. 프로그램이 문자열 리터럴 str의 프로퍼티를 참조하려고 하면, 자바스크립트는 new String(str)을 호출한 것처럼 문자열 리터럴을 객체로 자동 변환해주기 때문입니다. var str = "문자열"; // 문자열 ..

1. Object 자바스크립의 기본 타입은 객체이다. 객체란 name과 value로 구성된 property의 정렬되지 않은 집합 // 객체도 많은 값을 가지는 변수의 하나임. var kitty = { name: "나비", family: "코리안 숏 헤어", age: 1, weight: 0.1 }; kitty.name // 나비 var person = { name: "홍길동", // 이름 프로퍼티를 정의함. birthday: "030219", // 생년월일 프로퍼티를 정의함. pId: "1234567", // 개인 id 프로퍼티를 정의함. fullId: function() { // 생년월일과 개인 id를 합쳐서 주민등록번호를 반환함. return this.birthday + this.pId; } }; pe..

출처: https://joshua1988.github.io/web-development/javascript/js-async-await/ 자바스크립트 async와 await (중급) 자바스크립트 개발자를 위한 async, await 사용법 설명. 쉽게 알아보는 자바스크립트 async await 개념, 사용법, 예제 코드, 예외 처리 방법 joshua1988.github.io 1. async, await는 무엇인가? 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와줌. 2. 기본 문법 async function 함수명() { await 비동기_처리_메서드_명(); } 함수의 내부 로직..

출처: https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#promise%EA%B0%80-%EB%AD%94%EA%B0%80%EC%9A%94 자바스크립트 Promise 쉽게 이해하기 (중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법 joshua1988.github.io 1. Promise가 무엇인가? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을..

출처: https://velog.io/@reasonz/2022.05.25-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BD%9C%EB%B0%B1%ED%95%A8%EC%88%98JS-callback-function [2022.05.02] 자바스크립트 콜백함수(JS callback function) 콜백함수는 다른 함수의 인자로 사용되는 함수로 외부 함수에서 호출되는 함수를 의미한다.즉, 함수의 파라미터로 함수가 들어가는 함수가 콜백함수라는 것이다.함수 두개를 만들었다. 하나는 velog.io 콜백 함수는 왜 사용할까? 콜백함수를 사용하면 순차적으로 실행하고 싶은 코드가 있을 때 순차적으로 실행시킬 수 있다. 자바스크립트는 동기식 언어로 코드를 한..