🔥component - 부품으로 정리

component - 부품으로 정리 SPA(Single Page Application)는 간단히 만들기 위함이지만, 규모가 커지면 복잡해진다. 이 때, “같은 종류의 처리를 하는 부분을 컴포넌트로 정리”하면 보기 좋고 이해하기 쉬워진다. HTML의 일부분을 오브젝트로 정리하는 것은 template 오브젝트를 사용한다. 그리고 오브젝트에 이름(컴포넌트 태그명)을 붙인 것을 “컴포넌트”라고 한다. // 준비된 컴포넌트가 표시된다. 컴포넌트 만드는 방법 전역 컴포넌트로 등록하는 방법 Vue.component('컴포넌트태그명', { template: 'HTML부분' }) 로컬 컴포넌트에 등록하는 방법 var 컴포넌트의 오브젝트명 = { template: 'HTML부분' } new Vue({ el: '#app',..

• format_list_bulleted vue
• · 2022. 12. 13.
• textsms

4장 - 변수

4. 변수(Variable) 4.1 변수란 무엇인가? 애플리케이션은 데이터를 다루는데, 데이터를 입력(INPUT)받아 처리하고, 그 결과를 출력(OUTPUT)하는 것이 전부이다. CPU --> 연산, 메모리 --> 데이터 기억 컴퓨터는 CPU를 사용해서 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리의 집합체이다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어 들인다. 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어 들여 재사용하기 위해 변수라는 매커니즘을 제공한다. 변수의 정의를 내려보면 다음과 같다. = 값의 위치를 가리키는 상징적인 이름 변수는 하나의 값을 저장..

• format_list_bulleted 모던 자바스크립트 딥다이브 - 스터디
• · 2022. 11. 27.
• textsms

[모던 딥다이브] 자바스크립트 2장 자바스크립트란?

2.1 자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈는 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결정했다. 이로 인해 탄생한 것이 브렌덴 아이크가 개발한 자바스크립트이다. 자바스크립트는 웹 브라우저인 넷스케이프 내비게이터2에 탑재되었고, 모카로 명명되었다. 그해에 라이브스크립트로 이름이 바뀌었었다가 그해 12월 자바스크립트라는 이름으로 최종 명명되었다. 자바스크립트가 탄생한 뒤 얼마 지나지 않아 자바스크립트 파생 버전인 JScript가 출시되어 자바스크립트는 위기를 맞는다. 2.2 자바스크립트의 표준화 1996년 마이크로소프트는 자바스크립트의 파생 버전인 “JScript”를 인터넷 익스프롤러3.0에 탑재했다. 하지만 JScript와 자바스크..

• format_list_bulleted 모던 자바스크립트 딥다이브 - 스터디
• · 2022. 10. 22.
• textsms

[모던 딥다이브] 자바스크립트 1장 프로그래밍

1.1 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 프로그래밍에 앞서 해결해야 할 요구사항을 명확히 이해한 후 적절한 해결 방안을 정의해야 한다. 이때, 요구되는 것이 문제 해결 능력이다. 대부분의 문제는 복잡하며 명확하지 않을 수 있기에 명확히 이해하는 것이 우선되어야 하며 복잡함을 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 행위를 배열해야한다. 즉, 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이다. 해결 방안을 고려할 때, 컴퓨터의 입장에서 문제를 바라봐야 하는데, 이것을 컴퓨팅 사고이다. 컴퓨터는 상대적인 개념으로는 기준의 불명확하기 때문에, 좋다 등의 개념이 아닌, “현재의 높이보다 1px크게 조정하라, 50px로 조정하라” 등과 같..

• format_list_bulleted 모던 자바스크립트 딥다이브 - 스터디
• · 2022. 10. 22.
• textsms

기본 - 형식, 규칙, prompt, alert, confirm (vscode 설치)

자바스크립트란? 웹페이지를 동적으로 제어하기 위해서 고안된 언어이다. "웹 페이지에 생동감을 불어넣기 위해" 전체가 사람이라면 HTML - 뼈대 CSS - 생김새 JS - 움직임 자바스크립트의 강점 1) HTML/CSS 완전한 통합가능 2) 간단하게 처리될 수 있는 일은 간단히 처리 3) 모든 대표적인 브라우저에서 지원되고, 기본 언어로 사용됨 자바스크립트 이후의 언어? - CoffeeScript : 짧은 문법을 도입하여 명료하고 이해하기 쉬운 코드 작성 가능 - TypeScript : 개발을 단ㅅ눈화하고 복잡한 시스템을 지원하려는 목적 ' 자료형의 명시화'에 집중해 만든 언어(MS사 개발) - Flow : 자료형 강제(TypeScript와는 다른 방식, Facebook 개발) - Dart : 모바일 앱..

• format_list_bulleted 스터디(책 200제 포함)
• · 2022. 8. 4.
• textsms

정규표현식

보호되어 있는 글입니다.

• format_list_bulleted 기본
• · 2022. 6. 30.