바쁜 일상 속 능률을 올려주는 UX 비법https://ditoday.com/%EB%B0%94%EC%81%9C-%EC%9D%BC%EC%83%81-%EC%86%8D-%EB%8A%A5%EB%A5%A0%EC%9D%84-%EC%98%AC%EB%A0%A4%EC%A3%BC

Event Listner인 v-on 디렉티브를 통해 DOM 이벤트에 접근할 수 있다.increment라는 함수를 사용한 메서드로 이벤트를 설정this를 통해 메서드에 접근하고, 수행할 때 1씩 count한다v-on:click="increment" \- button

생성자는 빈 객체를 만든다. 그리고 이 객체내에서 this는 만들어진 객체를 가리킨다. 이것은 매우 중요한 사실이다. 생성자가 실행되기 전까지는 객체는 변수에도 할당될 수 없기 때문에 this가 아니면 객체에 대한 어떠한 작업을 할 수 없기 때문이다. 📚 참고자료ht

Do it 시리즈에는 환경 설정, 패키지 관련된 내용을 꽤나 많은 지면에 활용한다.Vue.js 공식 사이트에서는 개념을 바로바로 CLI에서 연습해볼 수 있는 환경을 제공한다.퀴즈를 풀 듯이 내가 직접 적용해본 코드와 제시문이 의도한 바를 비교해볼 수 있다.아래는 그 예

컴포넌트는 각자 다른 고유 유효범위로 인해 다른 컴포넌트의 값을 참조할 수 없으므로 → 뷰에서 자체 정의한 컴포넌트 전달 방법을 따라야 함 상위 (부모) → 하위 (자식) 컴포넌트 간 데이터 전달방법Screenshot 2023-03-13 at 5.57.36 PM.p

전역 컴포넌트: 여러 인스턴스에서 공통 사용 가능컴포넌트 이름이란?template 속성에서 사용할 HTML 사용자 정의 태그 (custom tag) → 명명 규칙은 HTML 사용자 정의 태그 스펙에서 강제하는 ‘모두 소문자’와 ‘케밥 기법’을 따르지 않아도 됨 (케

기존 js 프레임워크에서는 한 화면을 1개의 view로 간주했다 → 한 화면의 데이터를 화면영역 어디서든 호출 가능vue.js는 컴포넌트의 유효범위(scope)가 독립적이다 → 같은 웹 페이지라도 컴포넌트 간 데이터를 공유할 수 없다 → 직접 참조는 불가 prop

인스턴스란?프론트 개발을 위해 필수적으로 생성하는 기본 단위 (? 뭐라는 겨)생성자란? (=인스턴스 생성자란?)생성자는 객체를 새로 생성할 때 자주 사용하는 옵션, 기능들을 미리 특정 객체에 저장 + 복붙해서 사용 (=확장성)생성자 함수(Constructor) = 거

타인의 대장정들을 나열해 보겠다. readlater .. 실천할 수 있겠지? ㅎ - 2023.03.13운영중인 프로덕트에 새로운 Gray Scale 적용 대장정 - StyleSharehttps://www.theteams.kr/teams/866/post/6752

원하는 값으로 교체해줌교체하는 자료형이 서로 달라서는 안 됨연산도 가능num의 값에 따라 case가 결정됨.다음과 같은 형태도 가능오늘이 월요일이면 case 1, 화요일이면 case 2가 출력된다.

if문 다음에 작성하는 else문이다. if문이 false면 실행된다.위의 코드에서 점수는 89점이므로, 80점 이상인 조건을 만족한다.그러나 if문만을 사용하면, 다른 중첩되는 조건이 생긴다.두번째 if와 세번째 if를 else if로 바꿔주면 해결된다.만약 x가 3

반올림 해주는 함수이다.첫번째 인자를 두번째 인자만큼 제곱하게 하는 함수이다.제곱근을 구해주는 함수이다.절댓값을 구하는 함수이다.소수점 아래 난수를 생성한다.Math.random()\*10를 할 경우에는 1부터 10의 수를 생성.최댓값과 최솟값을 반환한다.

위의 코드를 출력하면 0.123이 나타난다.AeB 는 A를 B만큼 제곱한다는 의미이다.2진수를 표현할 때는 0b 를 사용한다.위에서는 0b1010을 출력하면 10이 나타난다. 이는 10진수에서 1010이 10이기 때문이다.위의 o은 8진수를 표현할 때 사용되며, 8진수

여기서 문제는 txt_two이다.said 이후의 문자열이 인식되지 않기 때문이다. 이스케이프 문자인 \\ (역 slash)를 사용하면 된다.위와 같이 수정하면 된다.F의 인덱스를 반환하는 함수이다.찾지 못했을 경우 -1을 반환한다.인자를 두개 받을 수 있다.두번째 인자

배열 안의 배열, 이런 식으로 중첩되어 있는 배열을 의미한다.위와 같이 matrix의 형태로 되어있는 것들을 다차원 행렬이라고 부른다.classScore를 더 쪼개보자.만약 document.write(classScore\[0]\[0]);를 출력하면, class A의 첫

fruit라는 배열이 표현되어 있다.대괄호로 묶여있으면 배열이다.사과를 한번 꺼내보자.두 줄 모두 배열을 생성하는 방법이다. 마지막 줄은 잘 사용되지는 않는다.

실생활에서 특정 개념, 속성, 사물 등의 묶음을 의미한다.person이라는 객체를 활용한 스니펫이다.다음과 같은 표기로도 동일한 출력이 가능하다.위와 같이 career를 추가하고 호출해보자.딕셔너리의 key - value 관계를 생각하면 쉽다. key값으로 value를

함수가 선언되기 전에 document.write로 호출해도 사용 가능하다.선언 이후에도 당연히 사용할 수 있다.유의할 점은, 실무에서는 document.write보다 console.log를 주로 사용한다는 점이다.반면, 함수 표현식은 순서가 중요하다. 함수를 호출해서

원의 너비를 스니펫에서 x는 매개변수 (parameter)이면서 지역변수(Local val)이다.sum함수에 들어간 10은 전달인자, 즉 argument이다.x, y는 sum이라는 함수 내에서 선언된 지역함수이므로, sum 함수를 벗어나서는 사용할 수 없다.

변수의 타입을 알려주는 함수이다.5의 타입은 숫자형 number라고 출력된다. '5' 대신에 '5.5'라는 값을 넣어도 동일한 결과가 출력된다. \-> 자바스크립트에서는 int형과 float형을 따로 구분하지 않기 때문이다.문자열 / 5, 함수 / 5 등의 타입도n