티스토리

공부하는 영초

검색하기

블로그 홈

공부하는 영초

studying-dudcho.tistory.com/m

영초_ 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

AWS Certified Solutions Architect - Associate (SAA-c03) 일주일컷 합격 후기 2024.09비록 취득한 지 어언 5개월이 넘었지만 지금이라도 후기를 작성해보려고 한다.프론트엔드로서 개발을 진행하면서 직접 써본 적은 없었지만 백엔드 팀원들이 EC2, RDS와 같은 AWS 서비스를 쓰는 것을 보며 그래도 같은 프로젝트를 진행하는데 아무것도 모르는 채로 그냥 있으면 안 되지!!! 라는 생각으로 백엔드 팀원들에게 대충 주워 들어가며 조금씩 접해본 AWS 서비스.. 사실 이 때는 RDS? 여기서 데이터베이스 만드는구나 EC2? 여기에 서버 올리는구나 정도로만 알고 있었다. 그러다가 2학기가 시작되고 학교에서 AWS 채용 설명회를 보게 되었고, 친구와 함께 인턴 준비를 하며 레쥬메에 한 줄이라도 더 채우기 위해 SAA 자격증 준비를 하게 되었다. 채용 설명회에서는 뽑을 사람 다 뽑으면 채용이.. 공감수 3 댓글수 1 2025. 2. 16.
[AI Practitioner] 자주 나오는SageMaker 서비스 정리 SageMaker 머신러닝 (ML) 모델을 구축, 훈련, 배포하는 데 도움을 주는 AWS 서비스 SageMaker Canvas코딩 없이 머신러닝 모델을 생성할 수 있는 서비스비전문가도 쉽게 사용할 수 있도록 GUI 기반의 Automated ML 도구를 제공데이터 준비, 모델 훈련, 예측까지 클릭 몇 번으로 가능하며, 기계 학습 경험이 없는 사용자도 활용 가능 ✅ 주 기능 : 데이터 업로드 -> 모델 자동 훈련 -> 예측 수행SageMaker Clarify머신러닝 모델의 공정성 및 설명 가능성 분석 도구모델이 편향되지 않았는지 확인 & 예측 결과의 해석 가능성을 높이는 기능 제공데이터의 편향성 분석, 모델 예측의 공정성 평가, feature importance 분석 등을 수행✅ 주 기능 : 편향 탐지, .. 공감수 0 댓글수 0 2025. 2. 12.
[AI Practitioner] AI 애플리케이션 유스케이스 정리 AI 애플리케이션의 예컴퓨터 비전 컴퓨터가 디지털 이미지 및 비디오를 해석하고 이해할 수 있게 해주는 인공지능 분야 이미지 분류, 객체 감지, 이미지 분할과 같은 태스크에 사용됨 Use Case) 자율 주행 자동차 개발 의료 또는 의료 영상 공공 안전 및 가정 보안 (안면 인식) 자연어 처리 (NLP) 컴퓨터와 인간 언어 간의 상호 작용을 다룸 텍스트 분류, 감정 분석, 기계 번역, 언어 생성과 같은 태스크에 사용됨 기계 번역 :사람이 직접 번역하는 게 아니라 컴퓨터를 사용하여 알고리즘과 데이터 모델을 활영해서 번역하는 방식 ex) papago Use Case) 보험 회사는 NLP를 사용하여 보험 증권 번호.. 공감수 4 댓글수 0 2025. 1. 30.
[AI Practitioner] AWS AI/ML 서비스 정리 ML FrameworksSageMakerLLM 및 기타 FM 등 사용자 지정 모델을 구축, 훈련, 배포하는 데 사용할 수 있는 완전 관리형 ML 서비스ML 개발 및 배포 라이프사이클을 가속화하는 도구와 인프라 제공AI/ML servicesAmazon Comprehend 자연어 처리 서비스 ML 및 NLP를 사용하여 아래의 기능들을 수행 텍스트의 언어 식별 주요 구문, 장소, 사람, 브랜드 또는 이벤트 추출 텍스트가 얼마나 긍정적인지 또는 부정적인지 이해 토큰화와 품사를 사용하여 텍스트 분석 텍스트 파일 모음을 주제별로 자동 정렬 Amazon Translate언어 번역 서비스Amazon Textract스캔한 문서에서 데이터를 추출하는 서비스OCR을 넘어 테이블에 .. 공감수 2 댓글수 0 2025. 1. 15.
[AI Practitioner] AI & ML 기본 개념 훑어보기 기본 용어 정리AI : ML, DL, GEN AI를 전부 포괄하는 개념. 인간의 지능이 필요한 태스크를 수행할 수 있는 지능형 시스템의 개발을 아우르는 광범위한 분야ML (기계 학습) : 기계가 학습할 수 있도록 하는 방법을 이해하고 구축하는 일종의 AI. 학습을 통해 다양한 태스크에 대한 컴퓨터 성능을 향상시킴 DL (딥 러닝) : 인간 두뇌와 유사한 뉴런 및 시냅스 개념을 사용한다. (ex. Amazon Rekognition : 수백만 개의 이미지, 스트리밍 및 저장된 비디오를 몇 초 내에 분석할 수 있는 딥 러닝 애플리케이션)GEN AI (생성형 AI) : 딥 러닝을 사용하여 구축된 모델을 training이나 fine tuning 없이 적용할 수 있는 딥 러닝의 일부. 훈련 데이터에서 학습한 패턴과.. 공감수 4 댓글수 0 2025. 1. 14.
[AWS Amplify] vite로 빌드한 React 프로젝트 AWS로 배포하기 ( feat.프론트엔드 배포 ) 이전에는 Github Action과 Vercel을 이용해 배포 자동화를 구현했는데,AWS 서비스를 공부하면서 AWS 배포도 경험해보고 싶다고 생각했다. 프론트엔드 배포를 위해 복잡한 설정 없이 간편하게 무료로 배포를 할 수 있는 AWS 서비스인 AWS amplify를 이용해보려고 한다.(AWS UI가 바뀌었는데 익숙해질 겸.. ㅎ) ✅ 배포 방법1. 우선 AWS 콘솔에 amplify 검색! AWS amplify를 클릭하면 아래와 같이 새 앱을 생성할 수 있는 버튼이 보인다.(나는 이미 배포를 한 상태이기 때문에 하나의 앱이 만들어져 있다) 2. 앱 구축 시작! 우선 앱 배포를 위한 옵션을 선택할 수 있다.나는 이미 깃허브에 배포를 위한 레포지토리가 만들어져 있었기 때문에 GitHub를 선택하고 바로 다.. 공감수 0 댓글수 0 2024. 11. 25.
[Vercel + Github Actions] Vercel로 프론트엔드 배포하기 ( feat. CI/CD 배포 자동화 ) 🔹 이번 포스팅은 Vercel과 GithubAction을 이용해 프론트엔드 배포를 자동화 하는 방법을 다루고 있습니다. AI 기반 퀴즈 생성 및 학습 보조 웹서비스 QRAB의 개발이 마무리되는 단계에서.. 이제 배포를 진행해보려고 한다! AWS EC2, S3+CloudFront, Amplify, Netlify, Vercel 등 여러 선택지가 있었지만쉽고 빠른 배포 + 비용를 고려했을 때 Vercel로 배포하기로 결정했다! EC2나 S3+CloudFront는 프론트엔드 배포치고 고려해야 할 옵션들이 많았고,페이지 수가 많은 경우에는 Netlify보다 Vercel이 더 최적이라는 글을 보았다. Netlify와 Vercel의 차이점을 간략하게 정리하자면, Netlify 장점- 배포 설정이 매.. 공감수 1 댓글수 0 2024. 11. 21.
#39. DOM(Document Object Model) 1. 노드HTML 요소와 노드 객체HTML 요소는 렌더링 엔진에 의해 파싱되어 DOM을 구성하는 요소 노드 객체로 변환 -> HTML 요소의 어트리뷰트는 어트리뷰트 노드로, HTML 요소의 텍스트 콘텐츠는 텍스트 노드로 변환HTML 요소 간에는 중첩 관계 (콘텐츠 영역에 다른 HTML 요소도 포함되는 것) 에 의해 계층적인 부자 관계가 형성됨 -> 이를 반영하여 HTML 문서의 구성 요소인 HTML 요소를 객체화한 모든 노드 객체들을 트리 자료구조로 구성한다.트리 자료 구조 : 부모 노드와 자식 노드로 구성되어 노드 간의 계층적 구조(부자, 형제 관계)를 표현하는 비선형 자료구조DOM : 노드 객체들로 구성된 트리 자료구조 (DOM 트리라고 부르기도 함)노드 객체의 타입노드 객체는 총 12개의 종류가 있.. 공감수 2 댓글수 0 2024. 9. 15.
#38. 브라우저의 렌더링 과정 1. 요청과 응답브라우저의 핵심 기능 : 필요한 리소스를 서버에 요청하고 서버로부터 응답받아 브라우저에 시각적으로 렌더링 하는 것서버에 요청을 전송하기 위해 브라우저는 주소창 제공브라우저의 주소창에 URL을 입력하고 엔터 키를 누르면 URL의 호스트 이름이 DNS를 통해 IP 주소로 변환되고 이 IP 주소를 갖는 서버에게 요청을 전송한다.브라우저의 주소창에 https://poiemaweb.com을 입력하고 엔터 키를 누르면 루트 요청(/ , 스킴 scheme과 호스트만으로 구성된 URI에 의한 요청)이 poiernaweb.com 서버로 전송된다일반적으로 서버는 루트 요청에 대해 암묵적으로 루트 폴더에 있는 index.html을 응답하도록 기본 설정되어있으며,다른 정적 파일을 서버에 요청하려면 브라우저의 .. 공감수 1 댓글수 1 2024. 9. 8.
#37. Set과 Map 1. Set Set 객체 : 중복되지 않는 유일한 값들의 집합 ( 수학적 집합을 구현하기 위한 자료구조 )1. Set 객체의 생성Set 생성자 함수로 생성이터러블을 인수로 전달받아 Set 객체 생성이터러블의 중복된 값은 Set 객체에 요소로 저장 Xconst set1 = new Set([1,2,3,3]); // Set(3){1,2,3}2. 요소 개수 확인Set.prototype.size 프로퍼티를 사용한다.const {size} = new Set([1,2,3,3]) // 33. 요소 추가Set.prototype.add 메서드를 사용한다.const set = new Set(); // Set(O) {}set.add(1); // Set(1) {1}const set = new Set(); set.add(1).a.. 공감수 3 댓글수 0 2024. 9. 7.
#36. 디스트럭처링 할당 (구조 분해 할당) 디스트럭처링 할당 (구조 분해 할당) : 구조화된 배열과 같은 이터러블 또는 객쳬를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별적으로 할당하는 것 1. 배열 디스트럭처링 할당const arr = [1, 2, 3]; // ES6 배열 디스트럭처링 할당 // 변수 one, two, three를 선언하고 배열 arr을 디스트럭처링하여 할당한다.// 이때 할당 기준은 배열의 인덱스다. const [one, two, three] = arr; console.log(one, two, three); // 1 2 3배열 디스트럭처링 할당의 기준은 배열의 인덱스이때 변수의 개수와 이터러블의 요소 개수가 반드시 일치할 필요는 없다．const [a, b] = [1, 2]; console.log.. 공감수 1 댓글수 0 2024. 9. 7.
#35. 스프레드 문법 스프레드 문법 : 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다.- 사용할 수 있는 대상 : Array, String, Map, Set, DOM 컬렉션, arguments처럼 for ... of 문으로 순회할 수 있는 이터러블에 한정- 스프레드 문법의 결과물은 값으로 사용 X, 쉼표로 구분한 값의 목록을 사용하는 문맥에서만 사용 가능 (함수 호출문의 인수 목록, 배열 리터럴의 요소 목록, 객체 리터럴의 프로퍼티 목록)console.log(... 'Hello' ) ; // H e 1 1 o1. 함수 호출문의 인수 목록에서 사용하는 경우스프레드 문법은 Rest 파라미터와 형태가 동일하지만 서로 반대의 개념이므로 주의하기!Rest 파라미터 : 함수에 전달된 인수들의 목록을 배열로.. 공감수 0 댓글수 0 2024. 9. 7.
#27. 배열 1. 배열이란?여러 개의 값을 순차적으로 나열한 자료구조const arr = ['apple', 'banana', 'orange']배열이 가지고 있는 값을 요소라고 하는데, 자바스크립트의 모든 값은 배열의 요소가 될 수 있음 (ex. 객체, 함수,배열 등)배열의 요소는 자신의 위치를 나타내는 0 이상의 정수인 인덱스를 갖고, 대부분의 프로그래밍 언어에서 인덱스는 0부터 시작함arr[0] -> apple배열은 요소의 개수를 나타내는 length 프로퍼티를 갖는다.arr.length -> 3배열은 객체 타입. 자바스크립트에 배열이라는 타입은 존재 X배열은 배열 리터럴, Array 생성자 함수, Array.of, Array.from 메서드로 생성 가능배열의 프로토타입 객체는 Array.prototype이며 배열.. 공감수 1 댓글수 0 2024. 8. 18.
#26. ES6 함수의 추가 기능 1. 함수의 구분ES6 이전의 함수는 동일한 함수라도 다양한 형태로 호출할 수 있다.(일반적인 함수 호출 / 생성자 함수로서 호출 / 객체에 바인딩되어 메서드로서 호출) => ES6 이전의 모든 함수는 callable이면서 constructor이다.객체에 바인딩 된 함수도 callable이며 constructor이다. 즉, 객체에 바인딩된 함수도 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출할 수 있는 것!객체에 바인딩된 함수가 constructor라는 것은 객체에 바인딩된 함수가 prototype 프로퍼티를 가지며, 프로토타입 객체도 생성한다는 것을 의미한다.=> 사용 목적에 따라 명확한 구분이 없으므로 생성자 함수로 호출되지 않아도 프로토타입 객체를 생성하기 때문에 실수 유발 가능성.. 공감수 1 댓글수 0 2024. 6. 29.
#25. 클래스 1. 클래스는 프로토타입의 문법적 설탕인가?자바스크립트는 프로토타입 기반 객체지향 언어이다.ES6에서 도입된 클래스는 기존 프로토타입 기반 객체지향 프로그래밍보다 자바나 C#과 같은 클래스 기반 객체지향 프로그래밍에 익숙한 프로그래머가 더욱 빠르게 학습할 수 있도록 클래스 기반 객쳬지향 프로그래밍 언어와 매우 흡사한 새로운 객체 생성 메커니즘을 제시한다.클래스는 함수이며 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 하는 문법적 설팅이라고 볼 수 있다.2. 클래스 정의class 키워드를 사용하여 클래스를 정의한다.//클래스 선언문class Person {}클래스를 표현식으로 정의할 수 있다 == 클래스가 값으로 사용할 수 있는 일급 객체이다클래스 몸체에는 0개 이상의 메서드만 정.. 공감수 0 댓글수 0 2024. 6. 1.
#24. 클로저 클로저는 자바스크립트 고유의 개념이 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어(ex. 하스켈, 리스프, 얼랭, 스칼라 등)에서 사용되는 중요한 특성이다. 1. 렉시컬 스코프자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라 한다. 2. 함수 객체의 내부 슬롯 [[Environment]]함수가 정의된 환경(위치)과 호출되는 환경(위치)은 다를 수 있다.따라서 렉시컬 스코프가 가능하려면 함수는 자신이 호출되는 환경과는 상관없이 자신이 정의된 환경, 즉 상위 스코프를 기억해야 한다.이를 위해 함수는 자신의 내부 슬롯 [[Environment]]에 자신이 정의된 환경, 즉 상위 스코프의 참조를 저장한.. 공감수 0 댓글수 0 2024. 5. 25.
#23. 실행 컨텍스트 실행 컨텍스트 : 자바스크립트의 동작 원리를 담고 있는 핵심 개념 1. 소스코드의 타입- ECMAScript 사양은 소스코드를 4가지 타입으로 구분- 4가지 타입의 소스코드는 실행 컨텍스트를 생성- 소스코드를 4가지 타입으로 구분하는 이유는 소스코드의 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리 내용이 다르기 때문!전역 코드전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성해야 한다.var 키워드로 선언된 전역 변수와 함수 선언문으로 정의된 전역 함수를 전역 객체의 프로퍼티와 메서드로 바인딩하고 참조하기 위해 전역 객체와 연결되어야 한다. 전역 코드가 평가되면 전역 실행 컨텍스트가 생성된다.함수 코드지역 스코프를 생성하고 지역 변수, 매개변수, arguments 객체를 관리해.. 공감수 0 댓글수 0 2024. 5. 25.
[Chat GPT - prompt engineering] LLM으로 유저의 학습을 분석하는 NLP 작업을 수행해보자! (2/2) 🔹 이번 포스팅은 프롬프트를 짜는 방법(제로샷, 원샷, 퓨샷 프롬프팅)과 GPT api를 연결하는 방법을 다루고 있습니다. LLM : 인간의 언어를 이해하고 생성할 수 있는 머신 러닝 모델 (ex. Alexa, Siri, Chat GPT)NLP : 컴퓨터가 인간의 언어를 이해, 생성, 조작할 수 있도록 해주는 인공지능의 한 분야. (자연어 처리 기술)✔ 프롬프트 엔지니어링을 통해 학습 분석하기!우선, 학습 분석을 하기 위해 필요한 정보와 학습 분석을 통해 나와야 하는 정보들을 정리해보자 학습 분석을 하기 위해 필요한 정보 사용자가 푼 퀴즈들이 각각 요약된 리스트 (생성한 퀴즈 자체를 가져다 써도 되겠지만, 토큰 수를 고려하여 퀴즈를 생성할 때 해당 퀴즈를 한 줄로 요약하였고, 분석 시 이 요약본을 가져다.. 공감수 1 댓글수 0 2024. 5. 25.
[Chat GPT - prompt engineering] LLM으로 유저의 학습을 분석하는 NLP 작업을 수행해보자! (1/2) 학습을 목적으로 On-line으로 노트를 작성하는 대학생을 위한, 작성된 노트로 AI 기반 퀴즈를 자동 생성하고 결과를 분석하여 복습을 통해 학습 효과를 높이는 웹 서비스우리 팀이 기획한 서비스를 한 줄로 요약하면 다음과 같다. 핵심 기능을 구현하기 위해서는 chat GPT에게 잘 물어보는 게 매우 중요하다. 즉, 프롬프트 엔지니어링을 잘 해야한다. 이번 포스팅에서는 서비스의 핵심 기능 중 하나인 [학습 분석하기] 에서 프롬프트 엔지니어링을 어떻게 수행할 건지를 살펴볼 것이다. 1. 서비스 소개내가 기획한 서비스의 로직을 간단히 설명하면 다음과 같다. 사용자가 퀴즈를 생성하고 싶은 블로그 게시글 / 노션 페이지의 링크 혹은 pdf, 이미지를 업로드한다. chat GPT가 그 내용을 바탕으로 퀴즈를 생성.. 공감수 0 댓글수 0 2024. 5. 25.
#22. this 1. this 키워드JavaScript에서 객체는 상태(state)를 나타내는 프로퍼티와 동작(behavior)을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다.메서드는 자신이 속한 객체의 프로퍼티를 참조하고 변경할 수 있어야 한다. 이를 위해 메서드는 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. 객체 리터럴에서의 thisconst circle = { radius: 5, getDiameter() { return 2 * this.radius; } };console.log(circle.getDiameter()); // 10생성자 함수에서의 thisfunction Circle(radius) { this.radius = radius.. 공감수 0 댓글수 0 2024. 5. 18.
#21. 빌트인 객체 1. 자바스크립트 객체의 분류자바스크립트 객체는 크게 3개의 객체로 분류할 수 있다. 2. 표준 빌트인 객체자바스크립트는Object, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, WeakMap/WeakSet , Function, Promise, Reflect, Proxy, JSON, Error등 40여 개의 표준 빌트인 객체를 제공한다. 생성자 함수 객체인 표준 빌트인 객체는 프로토타입 메서드와 정적 메서드를 제공하고 생성자 함수 객체가 아닌 표준 빌트인 객체는 정적 메서드만 제공한다.3. 원시값과 래퍼 객체const str = 'helLo' ; // 원시 타입인 문자열이 프로퍼티와 메서드를 갖고 있는 객체처럼 동직한다．con.. 공감수 0 댓글수 0 2024. 5. 18.
#20. strict mode 1. strict mode란? strict mode : 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다.ESLint : strict mode와 유사한 효과를 얻을 수 있는 도구린트 도구는 정적 분석 기능을 통해 실행하기 전에 소스코드를 스캔하여 문법적 오류만이 아니라 잠재적 오류까지 짖하내고 오류의 원인을 리포팅해주는 유용한 도구다.strict mode가 제한하는 오류는 물론 코딩 컨벤션을 설정 파일 형태로 정의하고 강제할 수 있기 때문에 더욱 강력한 효과를 얻을 수 있다. 2. strict mode의 적용strict mode를 적용하려면 전역의 선두 또는 함수 몸체의 선두에.. 공감수 0 댓글수 0 2024. 5. 18.
#19. 프로토타입 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어자바스크립트는 클래스 기반 객체지향 프로그래밍 언어보다 더 효율적인 객체지향 프로그래밍 능력을 지니고 있는 프로토타입 기반의 객체지향 프로그래밍 언어1. 객체지향 프로그래밍프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 의미추상화 : 다양한 속성 중 프로그램에 필요한 속성만 간추려 표현하는 것객체지향 프로그래밍은 독립적인 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임객체지향 프로그래밍은 객체의 상태를 나타내는 데이터와 상태 데이터를 조작할 수 있는 동.. 공감수 0 댓글수 0 2024. 5. 11.
#18. 함수와 일급 객체 1. 일급 객체자바스크립트의 함수는 다음 예제와 같이 위의 조건을 모두 만족하므로 일급 객체다.2. 함수 객체의 프로퍼티arguments 프로퍼티함수 객체의 arguments 프로퍼티 값은 arguments 객체arguments 객체는 함수 호출 시 전달된 인수들의 정보를 담고 있는 순회 가능한 유사 배열 객체이며, 함수 내부에서 지역 변수처럼 사용됨arguments 객체는 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용arguments 객체는 배열 형태로 인자 정보를 담고 있지만 실제 배열이 아닌 유사 배열 객체유사 배열 객체 : length 프로퍼티를 가진 객체로 for 문으로 순회할 수 있는 객체를 의미caller 프로퍼티ECMAScript 사양에 포함되지 않은 비표준 프로퍼티 이.. 공감수 0 댓글수 0 2024. 5. 4.
#17. 생성자 함수에 의한 객체 생성 1. Object 생성자 함수new 연산자와 함께 object 생성자 함수를 호출하면 빈 객체를 생성하여 반환함생성자 함수 : new 연산자와 함께 호출하여 객체 (인스턴스)를 생성하는 함수를 의미// 빈 객체의 생성 const person = new object(); // 프로퍼티 추가 person.name = 'Lee' ; person.sayHello = function () { console.log('Hi! My name is ' + this.name); } ; console.log(person); // {name: "Lee", sayHello: f}person.sayHello(): // Hi! My name is Lee 2. 생성자 함수 - 객체 리터럴에 의한 객체 생성 방식의 문제점객체 리터럴에.. 공감수 0 댓글수 0 2024. 5. 4.
#16. 프로퍼티 어트리뷰트 1. 내부 슬롯과 내부 메서드내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 자바스크립트는 내부 슬롯과 내부 메서드에 직접 적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다.(일부 내부 슬롯과 내부 메서드에 한하여 간 접적으로 접근할 수 있는 수단을 제공하기는 한다)2. 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다.프로퍼티 어트리뷰트자바스크립트 엔진이 프로퍼티를 생성할 때 자동으로 정의하는 내부 상태 값이들은 프로퍼티의 상태를 나타내며 값(value), 값의 갱신 가능 여부(writable), 열거 가능 여부(enumerable), 재정의 가능 여부(confi.. 공감수 0 댓글수 1 2024. 4. 27.
#15. let, const 키워드와 블록 레벨 스코프 1. var 키워드로 선언한 변수의 문제점변수 중복 선언 허용var 키워드로 선언한 변수는 중복 선언이 가능하다.동일한 이름의 변수가 이미 선언되어 있는 것을 모르고 변수를 중복 선언하면서 값까지 할당했다면 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생하다.함수 레벨 스코프var 키워드로 선언한 변수는 함수의 코드 블록만을 지역 스코프로 인정한다.함수 외부에서 var 키워드로 선언한 변수는 모두 전역 변수가 된다.변수 호이스팅변수 호이스팅에 의해 var 키워드로 선언한 변수는 변수 선언문이 스코프의 선두로 끌어 올려진다.변수 선언문 이전에 변수를 참조할 수 있지만, 할당문 이전에 변수를 참조하면 언제나 undefined를 반환한다.변수 선언문 이전에 변수를 참조하는 것은 가독성을 떨어뜨리고 .. 공감수 0 댓글수 0 2024. 4. 27.
#14. 전역 변수의 문제점 1. 변수의 생명 주기지역 변수의 생명 주기지역 변수는 함수가 호출되면 생성되고 함수가 종료되면 소멸한다.함수 내부에서 선언된 변수는 함수가 호출되기 이전까지는 생성되지 않는다.변수 선언은 실행 시점이 아니라 런타임 이전에 먼저 실행되며, 함수 호출 시에 변수 선언문이 가장 먼저 실행된다.전역 변수의 생명 주기전역 변수는 전역 객체의 프로퍼티로 존재하며, 전역 객체는 프로그램이 실행되기 이전에 먼저 생성된다.브라우저 환경에서는 전역 객체가 window이며, 브라우저를 닫을 때까지 유효하다. 따라서 전역 변수의 생명 주기는 전역 객체의 생명 주기와 일치한다.2. 전역 변수의 문제점암묵적 결합모든 코드가 전역 변수를 참조하고 변경할 수 있는 암묵적 결합을 허용한다.변수의 유효 범위가 크면 클수록 코드의 가독.. 공감수 0 댓글수 0 2024. 4. 27.
#13. 스코프 1. 스코프란?스코프(scope) : 코드에서 변수와 함수의 유효 범위를 나타낸다.변수나 함수를 어디서 사용할 수 있는지를 결정한다.스코프의 개념을 이해하면 코드에서 식별자를 어떻게 해석하고 사용할지를 알 수 있다.우선, 스코프는 코드의 구조에 따라 변수의 유효 범위를 결정한다. 예를 들어, 함수 내부에서 선언된 변수는 함수 내부에서만 사용할 수 있고, 함수 외부에서는 사용할 수 없다. 이러한 스코프의 개념은 변수와 함수가 어디에서 사용될 수 있는지를 명확히 정의한다. 스코프와 변수 선언변수는 코드 블록이나 함수 내에서 선언될 수 있다. 또한, 변수는 중첩된 코드 블록이나 함수 내부에서도 선언될 수 있다. 이때 변수의 스코프는 변수가 선언된 위치에 따라 결정된다. 예를 들어, 함수 내에서 선언된 변수는 .. 공감수 0 댓글수 0 2024. 4. 27.
#12. 함수 1. 함수란? 전달받는 변수 : 매개변수 입력 : 인수 출력 : 반환값 2. 함수를 사용하는 이유 코드의 재사용 측면에서 매우 유용 유지보수의 편의성 증가 실수를 줄여 코드의 신뢰성을 높이는 효과 3. 함수 리터럴 함수 리터럴의 구성요소 리터럴 : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기 방식, 즉 값을 생성하기 위한 표기법 함수는 객체지만 일반 객체와는 다르게 "호출"할 수 있다. 4. 함수 정의 함수 정의 : 함수를 호출하기 이전에 인수를 전달받을 매개변수와 실행할 문들, 반환할 값을 지정하는 것을 의미. 정의된 함수는 자바스크립트 엔진에 의해 평가되어 함수 객체가 됨 함수를 정의하는 방법 5. 함수 호출 함수는 함수를 가리키는 식별자와 한 쌍의 소괄호인 함수 호출 .. 공감수 1 댓글수 1 2024. 4. 6.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.