자바스크립트를 공부하면서 유용한 페이지를 한곳 찾았습니당. 😊 모던 JavaScript 튜토리얼 😊 따로 작성을 하기보다는 위 URL에 나와있는 목차에 따라서 작성을 하며 공부 할 예정이당.Vue는 계속해서 공부를 해나가며 velog에 작성하며 공부를 할 예정!공부
가장 기본적인 조건문은 if문이다.if문 : 사용시 특정 조건 만족이 될 때에만 특정 코드를 실행한다.const와 let은 다른 블록 범위에서는 똑같은 이름으로 선언을 할 수있다.출력을 하면 콘솔에 'if문 안의 a 값은 2' 와 'if문 안의 a 값은 1' 이 출력된
자바스크립트는 웹 브라우저에서 사용하기 위해 만들어진 언어이다.자바스크립트는 개발자 도구를 사용해서 언제든지 실행할 수 있다.윈도우는 Ctrl + Shift + I , Mac은 Command + Option + I 를 누르면 열린다.콘솔에 출력이 된다.를 하면 10이
템플릿이란 뷰로 화면을 조작하기 위해 제공되는 문법뷰 인스턴스에서 관리하는 데이터를 화면에 연결하는 데이터 바인딩과 화면의 조작을 편하게 할 수 있는 디렉티브로 나뉜다.콧수염 문법인 "{{ }}"를 활용하여 인스턴스의 data, computed, props 속성을 연결
라우팅이란? 웹 페이지간의 이동 방법 현제 웹 앱 형태 중 주로 사용되는 것은 SPA(Single Page Application) 라우팅을 사용하면 화면의 전환이 매끄럽고, 화면을 조작할 수 있으며 새로고침없이 움직이기 때문에 사용자의 경험이 확산된다. 뷰, 리액트,
자바를 배우고나서 스프링부트를 공부를 하고 여러 회사에 지원을 여러 곳 면접을 보고 그 중 4곳에 합격을 하였다.그 중 위치가 가깝고 괜찮다 싶은곳에 취업을 하게 되었는데 회사에 들어오고 나서 주로 맡아야 하는 업무가 FE 라고 한다.물론 주 업무가 개발이 아닌 운영업
웹 페이지 간의 이동 방법현재 웹 앱 형태 중 주로 사용되는 것은 SPA(Single Page Application)라이팅을 사용하면 화면 간의 전환이 매끄럽고, 화면을 조작할 수 있어 사용자 경험 향상Vue 뿐이 아닌 Augular, React 모두 라이팅을 이용해
뷰의 경우 컴포넌트로 화면을 구성하므로 같은 웹 페이지라도 데이터를 공유할 수 없다.그 이유는 컴포넌트마다 자체적으로 고유한 유효 범위를 갖기 때문인데 뷰는 각 컴포넌트의 유효 범위가 독립적이기 때문에 다른 컴포넌트의 값을 직접적으로 참조할 수 없다.ex)첫번째 지역
화면을 구성할 수 있는 블록과 같은 개념화면을 빠르게 구조화하여 일괄적인 패턴으로 개발이 가능화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드의 재사용이나 수정이 편리하다.코드가 직관적이다.
라이프 사이클이란? : 모바일 앱을 비롯하여 일반적인 애플리케이션의 인스턴스가 생성되고 나서 화면에 인스턴스가 부착된 후 소멸되기까지의 전체적인 흐름 및 생명 주기라이프 사이클을 크게 나누면 4단계이며, 데이터가 변경 및 업데이트 되는 경우에만 Update 단계가 실행
Vue.js란 MVVM패턴을 기반으로 한 화면단 라이브러리 특징 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공, 관련 API를 지원하는데 궁극적인 목적을 지님 단방향 데이터 흐름(부모->자식), 양방향 데이터 바인딩을 제공한다. 컴포넌트 간 통신의 기본 골격은 단
반복문의 문법은 몇 가지가 있다. 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택해서 사용하자.while문의 형식은 아래와 같다while문의 예제를 한번 살펴보자.위의 예제를 실행을 하게 되면 Hi Apple! 이 무한대로 반복되며 또 반복되는 현상
조건문이란? : 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것으로 프로그래밍의 핵심 중 하나이다.조건문은 if 로 시작한다.if 절이 true라면 then 절이 실행이 되고 if 절이 false라면 then 절이 실행 되지않고 넘어가게 된다.if 절을
배열(Array)은 연관된 정보를 그룹핑 하는데 사용한다.예를 들면 자연수 10까지의 숫자에서 홀 수들만을 따로 그룹핑을 하여라 --> (1,3,5,7,9) 등 을 배열을 사용하여 그루핑 할 수있다.이러한 문제를 해결하기 위해 배열이 있다.1부터 10까지의 숫자들 중
말 그대로 3개의 항을 두고 연산하는 거라고 이해하면 편하다.여기서 3개의 항은 첫 번째 항에는 조건식이 들어가며 첫 번째 항이 참이라면 두 번째 항이 반환되고 첫 번째 항의 값이 거짓이라면 두 번째는 건너띄고 세 번째 항의 값이 반환된다.삼항 연산자는 물음표(?)와
Boolean(불린)은 참과 거짓을 의미하는 데이터 타입이며 bool이라고도 부른다.불린은 정수나 문자와 같이 데이터 타입인데, 참을 의미하는 true와 거짓을 의미하는 false 두 가지의 값만 가지고 있다.비교 연산자는 프로그래밍에서 주어진 값이 같은지, 다른지,
산술 연산자는 수학적인 계산에 사용되는 연산자이다. 다만 수학 연산자와 프로그래밍 연산자는 기호가 조금씩 다르다.이때 곱하기, 나누기, 나머지 값은 수학적 기호와 다른것을 알 수 있다.위의 예시 코드처럼 산술 연산자를 사용할 수 있다.이때 나머지 값에는 익숙하지 않기
int 타입의 정수 200의 bit값은 어떻게 될까?int 타입의 정수 200은 위 처럼 되어있다.컴퓨터에는 위와 같이 0과 1로 이루어진 조합으로 저장된다. 바로 0과 1을 bit라고 부른다.위의 데이터는 8 X 4 로 되있어 32bit라고 부른다.그러면 float
변수 : 변하는 값상수 : 변하지 않는 값을 의미변수의 대착점에 있는것은 상수 (1, 2, 3.... 1.5, 2.5, 3.5...)이다.위 코드를 보면 변수 a를 선언 후 대입연산자(=)를 사용해 a는 3의 값을 가지게 되었다.위 처럼 하면 컴파일이 되지않고 에러로
위의 코드 처럼 int(Integer의 약자)에다가 a 를 선언을 한 후 그 a안에 1이란 값을 할당한다.그렇게 선언된 a는 1이란 값을 가지고 있기 때문에 즉 a=1일 때 a+1을 하였을 때 그 결과는 2란 값을 출력한다.이때 int는 실수를 담아둘 수 없는 정수이다