JavaScript - 객체의 속성과 메소드 (2)

기본 자료형의 일시적 승급 원래 기본 자료형은 속성과 메소드를 가질 수 없다. 그렇다면 문자열.length, 문자열.anchor(), bold() 같은 것들은 무엇일까? 자바스크립트는 사용의 편리성을 위해서 기본 자료형의 속성과 메소드를 호출할 때 (기본 자료형 뒤에 온점을 찍고 무언가 하려고 하면) 일시적으로 기본 자료형을 객체로 승급시킨다. 그래서 속성과 메소드를 사용할 수 있다. 단, 이런 승급은 일시적인 것이기 때문에 sample 속성에 기본 자료형이 추가되는 것처럼 보였지만, 실제로는 추가되지 않는 현상이 발생한다.  즉, d.sample = 10 을 입력할 때에는 일시적으로 객체로 승급되어 sample 속성을 추가할 수 있었지만, 일시적으로 승급된 것이기 때문에 다시 d.sample을 불러오면..

• format_list_bulleted Study/HTML,CSS, JS
• · 2025. 1. 30.
• textsms

JavaScript - 객체의 속성과 메소드 (1)

현대 프로그래밍 언어는 모두 객체 지향이라는 패러다임을 기반으로 한다. 이번 시간에는 객체와 관련된 기본적인 문법들을 학습한다. 자바스크립트의 자료형자바스크립트에서 사용하는 자료는 크게 2가지로 구분된다.기본 자료형(Primitives) : 숫자(Number), 문자열(String), 불(Bool)객체 자료형(Object) : 함수(Function), 배열(Array) 등등 객체 자료형속성과 메소드를 가질 수 있는 모든 것은 객체이다.  예를 들면 배열도 객체이다. 위와 같이 a라는 이름의 배열을 선언하고 배열에 속성을 지정한 후 확인해보면 배열이 속성을 가진다는 것을 알 수 있다.  함수도 객체다. 위와 같이 함수 c를 선언하고 함수에 속성을 지정한 후 확인해보면 함수가 속성을 가질 수 있다는 것을 알..

• format_list_bulleted Study/HTML,CSS, JS
• · 2025. 1. 30.
• textsms

HTML 폼(Form) 삽입하기

로그인, 회원가입 화면에서 사용자의 정보를 서버로 전송하는 용도로 Form 태그를 많이 사용한다. 웹 브라우저(APP)가 서버에 데이터를 전송하는 방법은 3가지가 있다.form 태그 통신 : GET/POST 메소드웹 브라우저 주소줄을 이용한 통신 : GET 메소드 (a 태그 - 하이퍼링크) : GET 메소드JavaScript를 이용한 통신 : fetch 함수, ajax 함수, axios 함수, GET(읽기)/POST(쓰기)/PUT(전체수정)/PATCH(부분수정)/DELETE(삭제) 폼을 만드는 태그폼을 만드는 가장 기본적인 태그로 태그 사이에 여러 가지 폼 요소를 넣는다. 종류설명method사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정한다. method에서 사용할 수 있는 속..

• format_list_bulleted Study/HTML,CSS, JS
• · 2025. 1. 26.
• textsms

코딩애플 포트폴리오 실습 1

Landing Page for Apps Lorem ipsum dolor sit amet consectetur adipisicing elit. Error explicabo numquam reiciendis cupiditate dolor dignissimos et quia optio, atque, sequi eum consequatur voluptatum voluptate magni. Id laborum vitae ut dolorem. Show More It is the ..

• format_list_bulleted Study/HTML,CSS, JS
• · 2025. 1. 26.
• textsms

HTML 목록 만들기

유튜브 카카오톡 인스타그램 웹 문서에서 목록은 단순히 항목을 나열할 때 뿐만 아니라 CSS와 함께 사용하여 Navbar를 만들거나 컨텐츠를 배치하는 등 다양한 용도로 사용한다. 목록을 자유자재로 사용하기 위해 목록의 종류와 기본 특징을 알아본다. 목록 태그의 종류목록 태그는 3종류가 있다.ol 태그ul 태그dl 태그 순서 목록을 만드는 , 태그순서 목록(Ordered List) 란 말 그대로 각 항목을 순서대로 나열한 것이다. 순서 목록 태그는 과 태그를 사용해 만든다. 유튜브 카카오톡 인스타그램    순서 없는 목록을 만드는 , 태그순서 없는 목록(Unordered List)은 항목의 순서가 중요하지 않을 때 사용한다. 태그 안에 ..

• format_list_bulleted Study/HTML,CSS, JS
• · 2025. 1. 25.
• textsms

HTML의 정의와 구조

HTML(HyperText Markup Language)이란HTML은 간단히 말하면 웹 문서를 만드는 언어라고 할 수 있다. 각 단어를 풀어서 해석해보자면하이퍼텍스트(HyperText) : 문서를 서로 연결해주는 링크. 마크업(Markup) : 표시한다.랭귀지(Language) : 언어즉, 웹 브라우저에 내용을 보여 주는 텍스트, 이미지, 영상 등의 위치를 언어로 표시하는 것을 의미한다. 웹 문서는 내용을 작성하는 프로그램(HTML, CSS, JS 코드를 작성하고 편집하는 에디터. VSCode 등)과 그 내용을 확인하는 프로그램(웹 브라우저. Chrome, Firefox, Edge 등)이 다르다. 예를 들어, 웹 문서에서 표를 만들 때 웹 브라우저에서 바로 표를 삽입할 수 없다. VS Code 같은 웹 ..

• format_list_bulleted Study/HTML,CSS, JS
• · 2025. 1. 25.
• textsms