cyphen156

Single File Component vue의 컴포넌트를 하나의 파일로 나타내는 것 독립된 하나의 틀을 만들어서 관리하는 것으로 컴포넌트 하나하나가 각각의 독립된 class파일(부품들)이라고 생각하면 편하다. 앞서 장에서 말했듯 컴포넌트 파일은 , VueBind.vue 줄임말과 원래말을 입력하세요. {{ abbr }} ※ 반응형 객체(Proxy Pattern Object) 생성을 위한 ref()함수 원래 변수를 const로 선언하면 상수 변수가 되어 할당된 값의 변경을 허용하지 않는다. 하지만 ref()함수를 통해 데이터에 간접적으로 접근하여 원본 데이터를 중간에서 참조를 통해 변경할 수 있도록 허용한다. 즉, C언어에서의 Pointer와 유사한 기능을 수행한다고 보면 적절하다. vue라이브러리 안에 ..

Index.html 프로젝트명/public폴더 내부에 존재하는 index.html 파일이다. 일반적으로 웹 애플리케이션이 브라우저에 로드될 때 가장 먼저 만나게 되는 파일이다. Header라고 보면 될 것 같다. 중간에 body를 보면 라는 코드가 존재하는데 이 코드는 나중에 불러올 vue 컴포넌트 들이 어디에 포함되야 하는지 알수 있게 해주는 이정표와 같은 역할을 하기 때문에 특별한 일이 없다면 건드리지 말자. 처음 만들어 졌을때 프로젝트 사용 lang이 비어있기 때문에 en또는 kr을 선택해서 넣어주면 된다. main.js Index.html파일이 로드된 후 두번째로 불러와지는 파일이다. 여기에는 생성될 웹 애플리케이션에 대한 것들을 실제로 불러오는 파일이다. vue라이브러리에서 createApp함수..

Vue는 리액트와 마찬가지로 프론트엔드 라이브러리 겸 프레임워크다. 세세한 문법적인 차이점을 제외하면 거의 같다고 보면 된다. 컴포넌트 기반의 모듈형 방식으로 웹을 구조화 하는것도 비슷하다. 하지만 리액트가 계층형 구조를 갖는 단방향성의 일방적인 상태(State)의 관리를 통해 이벤트를 제어했다면 뷰는 템플릿 기반의 구조에 추가되는 적응형 구조에 가깝고, 상태의 관리가 양방향이다. 뷰의 홈페이지다. Vue.js - The Progressive JavaScript Framework | Vue.js (vuejs.org) Vue.js - The Progressive JavaScript Framework | Vue.js 접근성 HTML,CSS, 자바스크립트 표준을 기반으로, 쓰기 편한 API와 최고 수준의 문서..

개인 문제풀이임으로 오답이 있을 수 있습니다. 1부터 n까지의 합을 구하되 그 합이 입력 정수를 넘지 않아야 한다는 조건 하에서 최댓값을 구하는 문제다. 이 문제에 대해 위와 같이 소스코드를 작성한 걀거ㅣ, 그림에서 보듯이 잘못된 값이 출력되고 있다. Visual C가 제공하는 디버거를 이용하여 이 문제를 해결하라. 조사식 창을 열어 i, max, sum 변수를 입력하고 루프를 돌 때마다 개별 변수 값이 어떻게 변화하는지 추적하고 루프를 빠져나갈 때의 값이 어떻게 변화하는지도 추적해야 한다. 추적 과정에 사용된 화면을 모두 캡처해서 하나의 파일로 제출하라. #include int main() { int i, max, sum = 0; printf("Enter the maximum number.\n"); s..

이번 챕터에서 공부할 내용은 행렬입니다. 이산수학을 배운 사람이라면, 컴퓨터와 관련된 직종을 가는 분이라면 누구나 알고있을겁니다. 우선 행렬을 공부하기 전에 선형성이라는 것에 대해 알아야 합니다 선형성(Linearity) 선형이라는 것은 생각보다 엄청 중요합니다. 요새 뜨고 있는 인공지능에서도 메인은 선형성이고, 통계학에서도 선형성을 이용해 결과를 예측합니다. 선형성은 영어로 Line이라는 단어를 사용하기 때문에 직선그래프가 나오면 선형성을 만족 할 것 같이 보이지만, 사실 뜯어보면 그렇지 않습니다. 오히려 이전 장에서 배웠던 전단사 함수의 경우와 같이 입력 - 출력 사이의 결과가 1:1로 매칭되어야 한다는 Strate(직진)의 의미에 가깝습니다. 선형성에는 2가지 성질이 있습니다. 아래에 나올 두 가지..

앞서 배웠던 벡터 공간에서 그려진 물체를 이동시킬때는 벡터의 덧셈과 곱셈을 이용해 직선 상의 움직임을 통해 표현하였습니다.  이제 4장에서는 벡터 공간에서의 물체의 회전 이동을 표현하기 위해 원을 그리고, 이 궤적을 따라 점(Point)을 이동시키기 위해 삼각함수에 대해 알아야 합니다.삼각함수고등학교때 배웠던 내용을 끄집어 내보면 뭐였는지 하나도 기억안나는 삼각비에 대한 내용 [얼싸안고(All, Sin, Tan, Cos)], 피타고라스의 정리(빗변과 끼인 각, 직각과의 관계)등이 있었던 것 같습니다.삼각함수의 기본은 피타고라스의 정리입니다.피타고라스의 정리는 직각삼각형을 이루는 세 변(빗변, 밑변, 높이)사이의 관계[밑변과 높이, 그리고 둘 사이의 끼인 각(90˚ / 직각)과 빗변 사이의 관계]에 대한 ..

(A1, B1) + (A2, B2) = (A1+A2, B1+B2)데카르트 좌표계앞서 장에서 곱집합 == 좌표평면이라 봐도 된다고 설명했습니다.좌표 평면은 2차원 세계에서 수를 시각화 하여 표현하는 방법입니다.데카르트 좌표계는 (0,0)이라는 중심 축(원점)이 존재하고 각 축은 대개 x축과 y축으로 불립니다.점은 좌표평면 내에서 원점을 기준으로 위치하는 지점 마다 크기와 방향을 가지고 있고, 4개의 방향으로 나뉘어 4개의 사분면들을 이룹니다.스칼라와 벡터보통 스칼라는 물리학과 수학에서 순수한 힘의 크기(절댓값)을 의미하고, 벡터는 스칼라 + 힘의 방향(+ or -)를 갖는 것을 말합니다.그런데 게임 수학에서는 물체의 평면에서의 이동을 표현하기 위해 공리라는 것과 체의 구조를 사용하고, 이것을 좌표 평면에 ..

방학동안 친구 소개로 디자인과에 아는 동생이 생겼다. 이 동생이 웹 프로그래밍에 대해서 배우고 싶다고 해서 하게된 디자인과 졸업작품 서포트용 Vue.js기반 홈페이지 프로젝트 목표는 남은 8월 내내 Vue를 배우고 23년 하반기에 웹 페이지를 디자인하고, 프로그래밍언어를 배우면서 배포까지 해보는것이다. 나와 디자인과 동생이 웹 프론트 개발을 담당하고, 친구가 서버를 담당하기로 했다. 공부하는데 사용할 책은 이 책이다. Vue.js 철저 입문: 기초부터 실전 애플리케이션 개발까지 | 위키북스 (wikibook.co.kr) Vue.js 철저 입문: 기초부터 실전 애플리케이션 개발까지 Vue.js 입문서 결정판. 초보부터 실무까지 이 책 한권으로! Vue.js는 깃허브에서 ‘가장 인기 있는 자바스크립트 프레임..