HelloSpring

v-if, v-show - 조건부 렌더싱 시 사용하는 디렉티브 True False isTrue 가 참 값을 가지면 True가 렌더링 되고, 그게 아니면 False가 렌더링 된다. v-show True 마찬가지로 isTrue가 참 값이면 True가 렌더링 된다. 그러면 여기서 둘의 차이가 뭘까??? v-if는 조건에 따라 컴포넌트가 실제로 생성되거나, 제거된다. 따라서 조건이 참이면 컴포넌트가 생성되고, 거짓이면 제거가 된다. 반면 v-show는 값이 거짓이면 display: none이 되어서 보이지만 않게되는 것!!! display: none

혼자 공부하며 저만의 언어로 정리한 내용이므로 정확하지 않을 수 있습니다. Javascript에서 변수를 선언할 때는 const, let, var를 사용할 수 있다. 이전에는 모두 var로 선언을 했다면 최근에는 const와 let으로 구분해서 사용한다. const와 let은 어떻게 다를까? 먼저, const는 상수로 변하지 않는 값을 정의할 때 사용한다. 즉, 한번 선언하고 초기화를 해주면 값을 변경할 수 없다는 의미이다. let은 추후에 값을 update하고싶을 때 사용한다. 그럼 우리는 뭘 기본적으로 사용하면 되는걸까?? 바로 const const를 기본으로 사용하되 나중에 값을 변경해야 한다? 그러면 let을 사용하자. -> 내가 선언하는 모든 변수가 나중에 값이 변경될 것은 아니므로! 그리고 v..

2021.06.30 - [프로그래밍] - [노마드 코더] 바닐라 JS로 크롬 앱 만들기 - Day 1 2021.07.01 - [프로그래밍] - [노마드 코더] 바닐라 JS로 크롬 앱 만들기 - Day 2 (js의 data type, 변수) 1. const : 상수 - 변하지 않음 2. let : 초기화 후 값 변경 가능 3. var : 과거에 사용하던 방법 const로 선언한 변수는 변하지 않는 상수이므로 값을 변경할 수 없음! 이럴 때를 let을 사용하여 선언해 주어야 함 const a = 5; // constant(상수) : 변하지 않는다 -> 변수 a, b는 변경할 수 없음 const b = 2; let myName = "aSpring"; // 변수 myName의 값은 변경 가능 console.lo..

2021.06.30 - [프로그래밍] - [노마드 코더] 바닐라 JS로 크롬 앱 만들기 - Day 1 - 모든 프로그래밍 언어에서 가지고 있는 타입과 동일함 1. 숫자(number) integer -> full number ex) 2 4 8 float ex) 1.2 0.4 2. 문자(text) string -> 처음부터 끝까지 모두 글자로 이뤄져 있다 ex) hello XXXXXXX -> "hello" - 값을 저장하거나 유지 // variable(변수) 만들기 const a = 5; // constant(상수) : 변하지 않는다. const b = 2; // 숫자, "2"라고 쓴다면 text가 됨 const myName = "aSpring"; // variable 공백이 있을 수 없으므로 다음 단어의 ..

HTML, CSS : 프로그래밍 언어는 아니지만 웹 사이트를 만들기 위해 필요함 Javascript : 인터렉티브 한 웹사이트를 만들어 줌 컴퓨터 요구사항 - 브라우저(인터넷 익스플로러 제외 크롬 등) -> 크로미움을 기반으로 한 브라우저를 사용하는 것을 추천 ex) 크롬, 웨일 - VS Code(다운로드하지 않아도 됨 -> replit.com) JAVASCRIPT - 1995년 12월에 10일 만에 개발됨 - HTML, CSS로만 이뤄진 웹사이트가 인터렉티브하기를 원했고 JS를 만들게 되었음 - 프론트엔드에 쓸 수 있는 유일한 프로그래밍 언어 - 모든 브라우저에 내장되어있음 -> 다운로드받을 필요 없음 - socket.io(채팅 기능 등), 3D, ml5.js(머신러닝) 백엔드 : 루비, 파이썬, 고 ..