profile
안녕하세요 쌩 초보 장휘주 입니다. 열심히 하는 개발자가 될게요.

모던 자바스크립트 튜토리얼 URL

자바스크립트를 공부하면서 유용한 페이지를 한곳 찾았습니당. 😊 모던 JavaScript 튜토리얼 😊 따로 작성을 하기보다는 위 URL에 나와있는 목차에 따라서 작성을 하며 공부 할 예정이당.Vue는 계속해서 공부를 해나가며 velog에 작성하며 공부를 할 예정!공부

2023년 1월 26일
·
0개의 댓글
·

JavaScript(2)

가장 기본적인 조건문은 if문이다.if문 : 사용시 특정 조건 만족이 될 때에만 특정 코드를 실행한다.const와 let은 다른 블록 범위에서는 똑같은 이름으로 선언을 할 수있다.출력을 하면 콘솔에 'if문 안의 a 값은 2' 와 'if문 안의 a 값은 1' 이 출력된

2023년 1월 25일
·
0개의 댓글
·

JavaScript(1)

자바스크립트는 웹 브라우저에서 사용하기 위해 만들어진 언어이다.자바스크립트는 개발자 도구를 사용해서 언제든지 실행할 수 있다.윈도우는 Ctrl + Shift + I , Mac은 Command + Option + I 를 누르면 열린다.콘솔에 출력이 된다.를 하면 10이

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

Vue.js(7)

템플릿이란 뷰로 화면을 조작하기 위해 제공되는 문법뷰 인스턴스에서 관리하는 데이터를 화면에 연결하는 데이터 바인딩과 화면의 조작을 편하게 할 수 있는 디렉티브로 나뉜다.콧수염 문법인 "{{ }}"를 활용하여 인스턴스의 data, computed, props 속성을 연결

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

Vue.js(6)

라우팅이란? 웹 페이지간의 이동 방법 현제 웹 앱 형태 중 주로 사용되는 것은 SPA(Single Page Application) 라우팅을 사용하면 화면의 전환이 매끄럽고, 화면을 조작할 수 있으며 새로고침없이 움직이기 때문에 사용자의 경험이 확산된다. 뷰, 리액트,

2023년 1월 18일
·
0개의 댓글
·

(1) 230117 쉬는시간 끄적끄적

자바를 배우고나서 스프링부트를 공부를 하고 여러 회사에 지원을 여러 곳 면접을 보고 그 중 4곳에 합격을 하였다.그 중 위치가 가깝고 괜찮다 싶은곳에 취업을 하게 되었는데 회사에 들어오고 나서 주로 맡아야 하는 업무가 FE 라고 한다.물론 주 업무가 개발이 아닌 운영업

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

Vue.js(5)

웹 페이지 간의 이동 방법현재 웹 앱 형태 중 주로 사용되는 것은 SPA(Single Page Application)라이팅을 사용하면 화면 간의 전환이 매끄럽고, 화면을 조작할 수 있어 사용자 경험 향상Vue 뿐이 아닌 Augular, React 모두 라이팅을 이용해

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

Vue.js(4)

뷰의 경우 컴포넌트로 화면을 구성하므로 같은 웹 페이지라도 데이터를 공유할 수 없다.그 이유는 컴포넌트마다 자체적으로 고유한 유효 범위를 갖기 때문인데 뷰는 각 컴포넌트의 유효 범위가 독립적이기 때문에 다른 컴포넌트의 값을 직접적으로 참조할 수 없다.ex)첫번째 지역

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

Vue.js(3)

화면을 구성할 수 있는 블록과 같은 개념화면을 빠르게 구조화하여 일괄적인 패턴으로 개발이 가능화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드의 재사용이나 수정이 편리하다.코드가 직관적이다.

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

Vue.js(2)

라이프 사이클이란? : 모바일 앱을 비롯하여 일반적인 애플리케이션의 인스턴스가 생성되고 나서 화면에 인스턴스가 부착된 후 소멸되기까지의 전체적인 흐름 및 생명 주기라이프 사이클을 크게 나누면 4단계이며, 데이터가 변경 및 업데이트 되는 경우에만 Update 단계가 실행

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

Vue.js(1)

Vue.js란 MVVM패턴을 기반으로 한 화면단 라이브러리 특징 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공, 관련 API를 지원하는데 궁극적인 목적을 지님 단방향 데이터 흐름(부모->자식), 양방향 데이터 바인딩을 제공한다. 컴포넌트 간 통신의 기본 골격은 단

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

반복문

반복문의 문법은 몇 가지가 있다. 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택해서 사용하자.while문의 형식은 아래와 같다while문의 예제를 한번 살펴보자.위의 예제를 실행을 하게 되면 Hi Apple! 이 무한대로 반복되며 또 반복되는 현상

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

조건문

조건문이란? : 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것으로 프로그래밍의 핵심 중 하나이다.조건문은 if 로 시작한다.if 절이 true라면 then 절이 실행이 되고 if 절이 false라면 then 절이 실행 되지않고 넘어가게 된다.if 절을

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

배열

배열(Array)은 연관된 정보를 그룹핑 하는데 사용한다.예를 들면 자연수 10까지의 숫자에서 홀 수들만을 따로 그룹핑을 하여라 --> (1,3,5,7,9) 등 을 배열을 사용하여 그루핑 할 수있다.이러한 문제를 해결하기 위해 배열이 있다.1부터 10까지의 숫자들 중

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

삼항 연산자

말 그대로 3개의 항을 두고 연산하는 거라고 이해하면 편하다.여기서 3개의 항은 첫 번째 항에는 조건식이 들어가며 첫 번째 항이 참이라면 두 번째 항이 반환되고 첫 번째 항의 값이 거짓이라면 두 번째는 건너띄고 세 번째 항의 값이 반환된다.​삼항 연산자는 물음표(?)와

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

비교와 Boolean

Boolean(불린)은 참과 거짓을 의미하는 데이터 타입이며 bool이라고도 부른다.불린은 정수나 문자와 같이 데이터 타입인데, 참을 의미하는 true와 거짓을 의미하는 false 두 가지의 값만 가지고 있다.비교 연산자는 프로그래밍에서 주어진 값이 같은지, 다른지,

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

연산자

산술 연산자는 수학적인 계산에 사용되는 연산자이다. 다만 수학 연산자와 프로그래밍 연산자는 기호가 조금씩 다르다.이때 곱하기, 나누기, 나머지 값은 수학적 기호와 다른것을 알 수 있다.위의 예시 코드처럼 산술 연산자를 사용할 수 있다.이때 나머지 값에는 익숙하지 않기

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

형 변환

int 타입의 정수 200의 bit값은 어떻게 될까?int 타입의 정수 200은 위 처럼 되어있다.컴퓨터에는 위와 같이 0과 1로 이루어진 조합으로 저장된다. 바로 0과 1을 bit라고 부른다.위의 데이터는 8 X 4 로 되있어 32bit라고 부른다.그러면 float

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

상수의 데이터 타입

변수 : 변하는 값상수 : 변하지 않는 값을 의미변수의 대착점에 있는것은 상수 (1, 2, 3.... 1.5, 2.5, 3.5...)이다.위 코드를 보면 변수 a를 선언 후 대입연산자(=)를 사용해 a는 3의 값을 가지게 되었다.위 처럼 하면 컴파일이 되지않고 에러로

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

변수

위의 코드 처럼 int(Integer의 약자)에다가 a 를 선언을 한 후 그 a안에 1이란 값을 할당한다.그렇게 선언된 a는 1이란 값을 가지고 있기 때문에 즉 a=1일 때 a+1을 하였을 때 그 결과는 2란 값을 출력한다.이때 int는 실수를 담아둘 수 없는 정수이다

2022년 4월 13일
·
0개의 댓글
·