var Vue 전환(및 CSS var() 함수)으로 여러 요소 애니메이션 전환은 앱을 대화형으로 만드는 좋은 방법입니다. Vue.js를 사용하면 <transition> 구성 요소가 있는 요소의 모든 동적 이벤트를 애니메이션으로 만들 수 있습니다. 하지만 서로 관련된 여러 요소에 애니메이션을 적용해야 한다면 어떻게 해야 할까요? 그래프 막대에 애니메이션을 적용하려고 할 때 이 문제를 우연히 발견했습니다. 각 막대는 특정 너비를 가져야 하고 이전 막대 바로 뒤에 애니... csstransitionvarvue var, let, const의 차이 - 변수 선언 및 할당 for 문의 변수 선언문에서 선언한 변수를 for 문의 코드 블록 외부에서 참조할 수 있다. ES6에서는 var의 이러한 특성들 때문에 let과 const 키워드를 도입했습니다. 함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참조할 수 없다. 자바스크립트는 ES6에서 도입된 let, const를 포함하여 모든 선언(var, let, const, function, funct... const변수선언letvarconst (Javascript) var, let , const 차이점은 Var ( function -scoped) 근데 Javascript는 여기서 좀 웃긴 부분이 있다. 위에서 잠깐 말했지만 IIFE는 function-scope 처럼 보이게 만들어 주지만 결과가 같지는 않다. IIFE 는 쓰는데 이렇게 hoisting 이 된다면 무슨 소용이 있겠는가 !? 뭔가 변수 선언 때문에 너무 많은 일을 한다고 생각 하지 않는가 ? 그럼 let , const 에 대해서 ... constJavaScriptletvarJavaScript var / let / const 차이점 간단하게 말하면 계속 변하는 자료의 값을 바로바로 받아들이는 수로, 변수는 컴퓨터 메모리에 존재하며 그 메모리 안에 정보를 저장하기 위하여 사용된다. 전역변수(Global) 지역변수(Local) JavaScript에서 변수선언방식은 var/let/const 세 가지가 있다. 이 세가지 변수선언방식에 대해 알아보자. 1. var 변수 재선언이 가능하다. 같은 이름의 변수명을 여러번 선언해도 에... JavaScriptvarconstletJavaScript [Javascript] ES6 `template literal, string, var, let, const`😄 var변수의 선언은 코드가 실행되기 전에 처리되는데, 어느 곳에서 선언을 하던 맨 위에서 선언 하는 것과 같이 '끌어올려' 값을 대입한다. ES6 이전의 javascript에서는 var키워드가 유일한 변수 선언 방법이였다. ES6이후엔 var, let, const 키워드를 사용하며, 배포코드에만 var키워드를 사용하는 추세이다. 함수 레벨 스코프 (function-Level Scope)가 적... constTILvarJavaScriptletJavaScript [면접대비 예상꼬리질문] var, let, const의 차이점 var, let, const의 차이점에 대해서 설명해주세요. ES6 이전 변수 선언문 var에는 치명적인 문제가 있었는데, 바로 중복 변수 선언이다. 중복 변수 선언이란? 동일한 변수명을 재 선언할 수 있게 하는 것인데, 이 문제를 해결하기 위해서 ES6에는 let과 const가 도입됐다. 중복 변수 선언이 뭐가 문제죠? 위와 같은 예에서는 큰 문제가 아니지만, 프로젝트의 규모가 커지면 개발... letES6constvarJavaScriptES6 2022년 04월 04일 TIL 코드 컴파일 테스트 실행 컴파일된 코드 packaging(jar..) artifacts(packaging된 파일)를 배포 Maven POM.xml(POM: Project Object Model) dependency(외부 라이브러리) 관리 플러그인과 외부 라이브러리 분리하여 관리 Maven coordinates Maven 프로젝트 식별자 하나의 프로젝트에서 여러 프로젝트를 관리할 수 있다. b... TILVObuildrecordsvar데브코스TIL [JS] 드림코딩 JS 공부 #3 자바스크립트에서 유일하게 변수를 선언할 수 있는 키워드 하지만 javascript var에서는 선언도 하기 전에 값을 할당 할 수 있고, 값을 할당하기 전에도 출력할 수도 있다. console.log(age);를 출력하면 undefined가 나오는 것을 볼 수 있다. 중괄호를 이용해 블록 안에 코드를 작성하게 되면 블록 밖에서는 더 이상 블록 안에 있는 내용을 볼 수 없게됨. 어플리케이션이 ... JavaScripthoistingletvardata typesJavaScript [CS] Scope (스코프) Day-15 전역 스코프와 지역 스코프 전역 변수와 지역 변수간 우선 순위 전역 객체의 이해 따라서 바같쪽에서 접근할 수 없다. 반대로 function(){}에서는 바같쪽에 있는 변수에 접근할 수 있습니다. 블록에 의해 변수에 접근할 수 있는 범위가 존재합니다. 이 범위를 Scope 스코프라고 부릅니다. 하지만 안쪽에서 선언된 변수는 바같쪽에서 사용할 수 없습니다. 모든 곳에서 사용할 수 있습니다. 전역... global scopescopeconst변수변수의 범위typeErrorlocal scopeletvar지역 변수전역 스코프지역 스코프전역 변수const [JS] 변수(Value) ❓ 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 변수 == 변수명(식별자) 메모리 공간에 상징적인 이름을 붙인 것. 할당(대입, 저장) : 변수에 값을 저장하는 것. 어떤 값을 구별해서 식별할 수 있는 고유한 이름 변수 이름은 식별자이다. 값을 식별할 수 있는 이름은 모두 식별자라고 부른다. 식별자는 메모리 공간에 저장되어 있는 어... const변수js식별자hoistingnameing convetion예약어frontend네이밍 컨벤션variableletvar호이스팅TILTIL [JavaScript] 변수 선언 var은 변수 선언이 어디에서 선언되든 코드의 상단으로 이동(호이스팅) 하기 때문에, 값을 먼저 지정 해준다면 선언하기 전에 사용이 가능하고, 블럭 스콥이 없어서 블럭 안에서 선언하고 밖에서 사용이 가능 undefined let은 호이스팅 기능이 없기 때문에 변수 선언 > 값 지정 > 출력 을 해야 하며, 블럭 스콥이 있음 요즘은 var은 위험부담이 많아서 let을 쓰는것을 권한다고 함 er... varjavasctiptlet변수constconst [TIL #21] var, let, const 의 차이 JavaScript 에서 변수를 선언할 때 사용하는 var, let, const 의 차이점을 알아보자🏃♂️ var 의 경우에는 이미 선언한 변수 명을 이용해서 다시 변수를 선언해도 에러가 발생하지 않고 정상적으로 선언되고, 출력되는 것을 확인 할 수 있다. let 을 이용해서 변수를 재선언 했더니 temp는 이미 선언되었다는 에러가 발생하게 된다. 하지만 재선언 이 아닌 재할당 을 했더니 ... varJavaScriptletTILconstJavaScript new TIL. var vs. let var : 선언하기 전에 값을 할당할 수 있고, 값을 할당하기 전에 출력도 가능함 👉 var 호이스팅 💣 var를 쓰면 안되는 이유 1. var hoisting : 어디에서 선언했는지 상관없이 항상 선언을 제일 위로 끌어올려주는 것 2. has no block scope : 블럭을 이용해 선언을 했더라도 어디에서나 보일 수 있음. 규모있는 프로젝트를 진행할 경우 문제가 될 수 있음. 📌 le... 호이스팅letvarlet TIL 1 | Javascript let 첫 변수 만들기 자바스크립트로 첫 변수 만들기 css를 연결 할때처럼 헤드태그 안에 링크 로 연결 해야 할거라고 생각했던것 과는 달리 바디 안에 바로 로 연결 할수 있다. 또한 자바스크립트 파일에 console.log() 나 alert() 를 이용하여 바르게 연결되었는지 확인할수 있다. alert()를 사용할 경우 새로고침을 누르자 마자 바로 알림창 으로 뜨니 빠르게 확인할수 있어 편리했다. variable... varJavaScriptletCSS변수html자바스크립트CSS [JavaScript] let vs. var vs. const 변수(variable) : 프로그램을 실행하는 동안 값이 여러 번 변경될 수 있는 데이터 JavaScript 에서 변수를 선언할 수 있는 유일한 키워드는 let let은 JavaScript 버전에 추가된 언어로, 그 이전에는 var 를 사용했음 var hoisting(호이스팅. '끌어올린다') : 선언과 할당을 분리하여, 어디에 선언했느냐 상관없이 선언 부분을 가장 위로 끌어올려 코드를 해석... hoistingletvarconstconst Swift 기초 -01 var & let Lower Camel Case : function, method, variable, constant ex) studentName, studentAge,... Upper Camel Case : type(class, struct, enum, extension...) ex) Student, Product 대소문자 구분 첫 글자를 숫자로 시작하면 안됨 상수 : 한번 선언된 값에 대해 변경이 불가능 ... swift스위프트letvarlet Javascript | const, let 과 var Javscript에서 var, let, const의 차이점에 대해 알아보자. 우선 var는 변수 선언 방식에있어 큰 단점을 가지고 있다. 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출략되는 것을 볼 수 있다. 이럴경우, 코드량이 많아 진다면 어디에서 어떻게 사용될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 ... varJavaScriptletconst자바스크립트JavaScript TIL. javascript - var, let, const var는 function-level scope이고, let,const는 block-level scoped이다. 그럼 function-level scope 와 block-level scoped 를 알아보자 즉, 스코프란 '변수에 접근할 수 있는 범위'라고 할수있다. 전역스코프(Global Scope)는 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다는 의미이다. 지역... varJavaScriptletconsthoistingJavaScript [JS]var, let, const 비교 var는 변수 재선언, 재할당이 가능하다. let은 변수 재선언이 불가능하지만 재할당은 가능하다. const는 변수 재선언, 재할당 모두 불가능하다. var은 (1)변수 재선언,재할당이 가능하며, (2)전역 변수(Global Variable)를 선언한다. (1) cafe라는 변수를 아래와 같이 재선언, 재할당해도 값이 모두 출력된다. (2) function scope를 따라 전역 변수를 선언... 변수선언letvarconstconst TIL_77_var, let, const 하지만 ES6 에서 let 과 const가 추가되어 이를 이용하여 변수 선언을 할 수 있게 되었다. var, let, const var는 함수 레벨 스코프이고 let 과 const 는 블럭 레벨 스코프이다. var로 선언한 변수는 선언 전에 사용해도 에러가 나지 않지만, let, const 는 에러가 발생한다. var는 이미 선언되어있는 이름과 같은 이름으로 변수를 또 선언해도 에러가 나지 ... letvarconstscopeJavaScriptJavaScript
Vue 전환(및 CSS var() 함수)으로 여러 요소 애니메이션 전환은 앱을 대화형으로 만드는 좋은 방법입니다. Vue.js를 사용하면 <transition> 구성 요소가 있는 요소의 모든 동적 이벤트를 애니메이션으로 만들 수 있습니다. 하지만 서로 관련된 여러 요소에 애니메이션을 적용해야 한다면 어떻게 해야 할까요? 그래프 막대에 애니메이션을 적용하려고 할 때 이 문제를 우연히 발견했습니다. 각 막대는 특정 너비를 가져야 하고 이전 막대 바로 뒤에 애니... csstransitionvarvue var, let, const의 차이 - 변수 선언 및 할당 for 문의 변수 선언문에서 선언한 변수를 for 문의 코드 블록 외부에서 참조할 수 있다. ES6에서는 var의 이러한 특성들 때문에 let과 const 키워드를 도입했습니다. 함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참조할 수 없다. 자바스크립트는 ES6에서 도입된 let, const를 포함하여 모든 선언(var, let, const, function, funct... const변수선언letvarconst (Javascript) var, let , const 차이점은 Var ( function -scoped) 근데 Javascript는 여기서 좀 웃긴 부분이 있다. 위에서 잠깐 말했지만 IIFE는 function-scope 처럼 보이게 만들어 주지만 결과가 같지는 않다. IIFE 는 쓰는데 이렇게 hoisting 이 된다면 무슨 소용이 있겠는가 !? 뭔가 변수 선언 때문에 너무 많은 일을 한다고 생각 하지 않는가 ? 그럼 let , const 에 대해서 ... constJavaScriptletvarJavaScript var / let / const 차이점 간단하게 말하면 계속 변하는 자료의 값을 바로바로 받아들이는 수로, 변수는 컴퓨터 메모리에 존재하며 그 메모리 안에 정보를 저장하기 위하여 사용된다. 전역변수(Global) 지역변수(Local) JavaScript에서 변수선언방식은 var/let/const 세 가지가 있다. 이 세가지 변수선언방식에 대해 알아보자. 1. var 변수 재선언이 가능하다. 같은 이름의 변수명을 여러번 선언해도 에... JavaScriptvarconstletJavaScript [Javascript] ES6 `template literal, string, var, let, const`😄 var변수의 선언은 코드가 실행되기 전에 처리되는데, 어느 곳에서 선언을 하던 맨 위에서 선언 하는 것과 같이 '끌어올려' 값을 대입한다. ES6 이전의 javascript에서는 var키워드가 유일한 변수 선언 방법이였다. ES6이후엔 var, let, const 키워드를 사용하며, 배포코드에만 var키워드를 사용하는 추세이다. 함수 레벨 스코프 (function-Level Scope)가 적... constTILvarJavaScriptletJavaScript [면접대비 예상꼬리질문] var, let, const의 차이점 var, let, const의 차이점에 대해서 설명해주세요. ES6 이전 변수 선언문 var에는 치명적인 문제가 있었는데, 바로 중복 변수 선언이다. 중복 변수 선언이란? 동일한 변수명을 재 선언할 수 있게 하는 것인데, 이 문제를 해결하기 위해서 ES6에는 let과 const가 도입됐다. 중복 변수 선언이 뭐가 문제죠? 위와 같은 예에서는 큰 문제가 아니지만, 프로젝트의 규모가 커지면 개발... letES6constvarJavaScriptES6 2022년 04월 04일 TIL 코드 컴파일 테스트 실행 컴파일된 코드 packaging(jar..) artifacts(packaging된 파일)를 배포 Maven POM.xml(POM: Project Object Model) dependency(외부 라이브러리) 관리 플러그인과 외부 라이브러리 분리하여 관리 Maven coordinates Maven 프로젝트 식별자 하나의 프로젝트에서 여러 프로젝트를 관리할 수 있다. b... TILVObuildrecordsvar데브코스TIL [JS] 드림코딩 JS 공부 #3 자바스크립트에서 유일하게 변수를 선언할 수 있는 키워드 하지만 javascript var에서는 선언도 하기 전에 값을 할당 할 수 있고, 값을 할당하기 전에도 출력할 수도 있다. console.log(age);를 출력하면 undefined가 나오는 것을 볼 수 있다. 중괄호를 이용해 블록 안에 코드를 작성하게 되면 블록 밖에서는 더 이상 블록 안에 있는 내용을 볼 수 없게됨. 어플리케이션이 ... JavaScripthoistingletvardata typesJavaScript [CS] Scope (스코프) Day-15 전역 스코프와 지역 스코프 전역 변수와 지역 변수간 우선 순위 전역 객체의 이해 따라서 바같쪽에서 접근할 수 없다. 반대로 function(){}에서는 바같쪽에 있는 변수에 접근할 수 있습니다. 블록에 의해 변수에 접근할 수 있는 범위가 존재합니다. 이 범위를 Scope 스코프라고 부릅니다. 하지만 안쪽에서 선언된 변수는 바같쪽에서 사용할 수 없습니다. 모든 곳에서 사용할 수 있습니다. 전역... global scopescopeconst변수변수의 범위typeErrorlocal scopeletvar지역 변수전역 스코프지역 스코프전역 변수const [JS] 변수(Value) ❓ 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 변수 == 변수명(식별자) 메모리 공간에 상징적인 이름을 붙인 것. 할당(대입, 저장) : 변수에 값을 저장하는 것. 어떤 값을 구별해서 식별할 수 있는 고유한 이름 변수 이름은 식별자이다. 값을 식별할 수 있는 이름은 모두 식별자라고 부른다. 식별자는 메모리 공간에 저장되어 있는 어... const변수js식별자hoistingnameing convetion예약어frontend네이밍 컨벤션variableletvar호이스팅TILTIL [JavaScript] 변수 선언 var은 변수 선언이 어디에서 선언되든 코드의 상단으로 이동(호이스팅) 하기 때문에, 값을 먼저 지정 해준다면 선언하기 전에 사용이 가능하고, 블럭 스콥이 없어서 블럭 안에서 선언하고 밖에서 사용이 가능 undefined let은 호이스팅 기능이 없기 때문에 변수 선언 > 값 지정 > 출력 을 해야 하며, 블럭 스콥이 있음 요즘은 var은 위험부담이 많아서 let을 쓰는것을 권한다고 함 er... varjavasctiptlet변수constconst [TIL #21] var, let, const 의 차이 JavaScript 에서 변수를 선언할 때 사용하는 var, let, const 의 차이점을 알아보자🏃♂️ var 의 경우에는 이미 선언한 변수 명을 이용해서 다시 변수를 선언해도 에러가 발생하지 않고 정상적으로 선언되고, 출력되는 것을 확인 할 수 있다. let 을 이용해서 변수를 재선언 했더니 temp는 이미 선언되었다는 에러가 발생하게 된다. 하지만 재선언 이 아닌 재할당 을 했더니 ... varJavaScriptletTILconstJavaScript new TIL. var vs. let var : 선언하기 전에 값을 할당할 수 있고, 값을 할당하기 전에 출력도 가능함 👉 var 호이스팅 💣 var를 쓰면 안되는 이유 1. var hoisting : 어디에서 선언했는지 상관없이 항상 선언을 제일 위로 끌어올려주는 것 2. has no block scope : 블럭을 이용해 선언을 했더라도 어디에서나 보일 수 있음. 규모있는 프로젝트를 진행할 경우 문제가 될 수 있음. 📌 le... 호이스팅letvarlet TIL 1 | Javascript let 첫 변수 만들기 자바스크립트로 첫 변수 만들기 css를 연결 할때처럼 헤드태그 안에 링크 로 연결 해야 할거라고 생각했던것 과는 달리 바디 안에 바로 로 연결 할수 있다. 또한 자바스크립트 파일에 console.log() 나 alert() 를 이용하여 바르게 연결되었는지 확인할수 있다. alert()를 사용할 경우 새로고침을 누르자 마자 바로 알림창 으로 뜨니 빠르게 확인할수 있어 편리했다. variable... varJavaScriptletCSS변수html자바스크립트CSS [JavaScript] let vs. var vs. const 변수(variable) : 프로그램을 실행하는 동안 값이 여러 번 변경될 수 있는 데이터 JavaScript 에서 변수를 선언할 수 있는 유일한 키워드는 let let은 JavaScript 버전에 추가된 언어로, 그 이전에는 var 를 사용했음 var hoisting(호이스팅. '끌어올린다') : 선언과 할당을 분리하여, 어디에 선언했느냐 상관없이 선언 부분을 가장 위로 끌어올려 코드를 해석... hoistingletvarconstconst Swift 기초 -01 var & let Lower Camel Case : function, method, variable, constant ex) studentName, studentAge,... Upper Camel Case : type(class, struct, enum, extension...) ex) Student, Product 대소문자 구분 첫 글자를 숫자로 시작하면 안됨 상수 : 한번 선언된 값에 대해 변경이 불가능 ... swift스위프트letvarlet Javascript | const, let 과 var Javscript에서 var, let, const의 차이점에 대해 알아보자. 우선 var는 변수 선언 방식에있어 큰 단점을 가지고 있다. 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출략되는 것을 볼 수 있다. 이럴경우, 코드량이 많아 진다면 어디에서 어떻게 사용될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 ... varJavaScriptletconst자바스크립트JavaScript TIL. javascript - var, let, const var는 function-level scope이고, let,const는 block-level scoped이다. 그럼 function-level scope 와 block-level scoped 를 알아보자 즉, 스코프란 '변수에 접근할 수 있는 범위'라고 할수있다. 전역스코프(Global Scope)는 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다는 의미이다. 지역... varJavaScriptletconsthoistingJavaScript [JS]var, let, const 비교 var는 변수 재선언, 재할당이 가능하다. let은 변수 재선언이 불가능하지만 재할당은 가능하다. const는 변수 재선언, 재할당 모두 불가능하다. var은 (1)변수 재선언,재할당이 가능하며, (2)전역 변수(Global Variable)를 선언한다. (1) cafe라는 변수를 아래와 같이 재선언, 재할당해도 값이 모두 출력된다. (2) function scope를 따라 전역 변수를 선언... 변수선언letvarconstconst TIL_77_var, let, const 하지만 ES6 에서 let 과 const가 추가되어 이를 이용하여 변수 선언을 할 수 있게 되었다. var, let, const var는 함수 레벨 스코프이고 let 과 const 는 블럭 레벨 스코프이다. var로 선언한 변수는 선언 전에 사용해도 에러가 나지 않지만, let, const 는 에러가 발생한다. var는 이미 선언되어있는 이름과 같은 이름으로 변수를 또 선언해도 에러가 나지 ... letvarconstscopeJavaScriptJavaScript