본문 바로가기

전체 글

(74)
mac git 에러 (invalid path to command line tools) 해결 맥 os 업데이트하고 나서 Cannot Run Git invalid path to command line tools 에러가 떳다. 인텔리제이에서 업그레이드 하래서 그냥 업글 버튼 눌러도 잘 안 먹힌다. xcode-select: error: command line tools are already installed, use "Software Update" to install updates 이럴 경우 아예 삭제하고 다시 까는 게 좋다.. Mac CommandLineTools 삭제부터 터미널에서 경로 찾아가자 /Library/Developer/CommandLineTools 에서 CommandLineTools 삭제! 'sudo rm -rf CommandLineTools' Mac CommandLineTools 재설..
SNS 온라인 롤링페이퍼 (요즘편지) 온라인 크리스마스 롤링페이퍼 최근 SNS에서 핫한 내 트리를 꾸며줘!가 HOT🔥 합니다. 크리스마스 카드 대신, 온라인으로 크리스마스 카드를 쓰면 됐죠. 이름하여 온라인 크리스마스 롤링페이퍼! colormytree 이 서비스는 크리스마스 한시적으로 이용할 수 있어서 아쉬움이 많았어요ㅜㅜ 그래서 비슷하게 사용할 수 있는 서비스를 알려드릴까해요! 이름하여 온라인 롤링페이퍼, 요즘 편지 아래 주소로 접근하면 사이트에 접속할 수 있어요. https://yoletter.cloud 요즘편지 함께 모여 롤링페이퍼를 만들어보세요! 재미있는 이미지나 GIF를 활용하여 멋진 편지를 만들 수 있답니다. www.yoletter.cloud 간단한 사용방법 모바일로 접속하면 아래에 메뉴가 보이는데요. 여기서 만들기를 클릭하시면,..
Javascript 클래스 Javascript 클래스 ES6부터 도입된 클래스는 기존 프로토타입 기반 객체지향 프로그래밍을 좀 더 클래스 기반 객체지향 프로그래밍 언어와 흡사하게 객체를 생성할 수 있도록 메커니즘을 제공해주는 것이다. 클래스 // 클래스 선언문 class Person {} // 익명 클래스 표현식 const Person = class {}; // 기명 클래스 표현식 const Person = class MyClass {}; 클래스를 표현식으로 정의할 수 있다는 건 클래스가 일급 객체라는 것이다. 무명의 리터럴 생성할 수 있음 변수나 자료구조(객체, 배열 등)에 저장 가능 함수의 매개변수로 전달 함수의 반환 값 사용 클래스 호이스팅 클래스는 함수로 평가된다. class Person{} console.log(typeo..
Javascript this와 apply, call, bind 메서드 Javascript this와 apply, call, bind 메서드 this -상태를 나타내는 프로퍼티, 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조 => 객체 -메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 변경하는데 사용되기도 함 -메서드가 자신이 속한 객체의 프로퍼티를 참조하려면, 자신이 속한 객체를 가리키는 식별자를 참조 할수 있어야 한다. const circle = { radius: 5; getDiameter(){ return 2 * circle.radius; } }; console.log(circle.getDiameter)); // 10 여기서 getDiameter는 Circle 객체의 radius(프로퍼티)를 변경한다. 자기 자신이 속한 객체를 참조하는 방식이..
함수와 일급객체 함수와 일급 객체 일급 객체 -무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다. -변수나 자료구조(객체, 배열)에 저장할 수 있다. -함수의 매개변수에 전달할 수 있다. -함수의 반환값으로 사용할 수 있다. 해당 조건을 만족하는 객체를 일급 객체라고 부른다. 자바스크립트에서 사용하는 함수는 위의 모든 조건을 만족하에 일급 객체라고 할 수 있다. // 1. 무명의 리터럴로 생성 // 2. 변수에 저장 가능 // 런타임에 함수 리터럴이 평가되어 객체 생성, 변수에 할당 const increase = function(num) { return ++num; }; const decrease = function(num) { return --num; }; // 2. 객체에 저장 const predicat..
JavaScript 원시 타입과 객체 타입, 원시 값과 객체 원시 타입과 객체 타입, 원시 값과 객체 자바스크립트는 7가지 데이터 타입을 제공한다. 데이터 타입은 숫자, 문자열, 불리언, null, undefined, 심벌, 객체 타입이 있다. 이걸 크게 분류하면 원시 타입과 객체 타입으로 나눌 수 있다. 이렇게 나누는 이유는 많이 다르기 때문이겠지? -원시 타입의 값은 변경 불가능한 값immutable value인데 객체 타입은 변경 가능한 값이다.mutable value -원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 이는 메모리에 실제 값이 저장된다는 의미이다. 하지만 객체는 변수에 값을 할당하면 변수에 참조 값이 저장된다. 이는 메모리에 참조 값이 저장된다는 말이다. -원시 값을 갖고 있는 변수를 다른 변수에 할당하면 원본의 값이 복사되어서 전달..
JavaScript 변수의 생명 주기, 전역 변수의 문제점 변수의 생명 주기 변수는 생성되고 소멸 되는 생명 주기life cycle가 있다. 변수는 자신이 선언된 위치에서 생성되고 소멸한다. 전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같다. 하지만 함수 내부에서 선언된 지역 변수는 함수가 호출될 때 생성, 종료 될 때 소멸한다. 지역 변수의 생명 주기 function foo() { // 변수 x 생성 var x = 'local'; // 변수 x에 local값 할당 console.log(x); // local return x; // 변수 x 소멸 } foo(); console.log(x); // ReferenceError: x is not defined 지역 변수 x는 foo가 호출되기 이전에는 생성되지 않는다 변수 선언문은 function..
html5 시멘틱 인라인 요소, 시멘틱 블록 요소 시멘틱 인라인 요소 mark 요소 시각적 및 의미적으로 특정 문구/단어를 강조 mark는 "표시하다"라는 의미이다. 강조되는 부분을 노란색 형광펜으로 표시 html5 이전에는 요소로 사용했다. 단지 굵은 형태로 표현됐다. time 요소 시간/날짜 표현이란 의미 부여 시간/날짜를 지정해서 기계가 읽을 수 있는 형태로 변환하기 위해 datetime이란 속성이 있다. meter 요소 일정 범위의 측정값이나 분포 비율 등 표시 디스크 사용률 영화 예매율 선거 투표율 디스크 사용률 영화 예매율 선거 투표율 일정 시점에서 주어진 양을 표시 속성 value : 실제 측정한 데이터 값 min, max : 요소가 인식하는 최소값, 최대값을 지정해줄 수 있음 low, hight : 허용되는 범위의 최소값과 최대값 opti..

반응형