티스토리

min_개발일지

검색하기

블로그 홈

min_개발일지

minnjeong.tistory.com/m

minnjeong 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

실행 컨텍스트 실행 컨텍스트란? Execution Contenxt 코드를 실행하는데 필요한 환경을 제공하는 객체이다. 여기에서 환경이란 코드 실행에 영향을 주는 조건이나 상태를 의미한다. 따라서 코드 실행에 영향을 주는 조건이나 상태를 모아둔 객체가 바로 실행 컨텍스트이다. ES3 지금처럼 실행 컨텍스트가 식별자 결정의 중심에 있지는 않았다. 당시에는 함수가 어디에서 호출되느냐에 따라 스코프가 달라졌다. 즉, 함수가 호출될 때마다 동적으로 그에 걸맞는 스코프를 생성하고 스코프 체인을 연결해 주어야 했다. ES5 이후 (2009년~) 식별자 결정을 위한 메커니즘이 변경되었다. 실행 컨텍스트라는 하나의 덩어리, 하나의 묶음으로 관리하도록. 스코프가 호출되는 위치와 상관없이 어디에 선언되어있느냐에 따라 정적으로 결정되고 하.. 공감수 0 댓글수 1 2023. 10. 11.
JavaScript 런타임 📌 런타임이란? 런타임이란 프로그래밍 언어가 구동되는 환경을 말한다. 자바스크립트 런타임의 종류로는 웹 브라우저(크롬, 파이어폭스, 익스플로러 등)프로그램과 Node.js 라는 프로그램이 있다. 📌 JavaScript - 싱글 스레드, 논-블로킹 언어 싱글 스레드 싱글 스레드는 하나의 힙 영역과 하나의 콜 스택을 가진다. 하나의 콜 스택을 가진다는 의미는 한 번에 한 가지 일 밖에 하지 못한다는 의미이다. 예를 들어 네트워크 요청을 한다면, 응답이 올 때까지 다른 일은 하지 못하고 마냥 기다릴 수밖에 없다. 콜 스택 함수가 실행되는 순서를 기억하고 있다. 함수를 실행하려면 스택의 가장 위에 해당 함수를 넣게 되고, 함수에서 리턴이 일어나면 스택의 가장 위쪽에서 함수를 꺼낸다. 콜 스택 예제 콜 스택 에러.. 공감수 0 댓글수 0 2023. 8. 4.
useRef ・ Cookie 📌 useRef useRef란? useRef는 React에서 사용되는 Hook 중 하나로, 함수형 컴포넌트에서 "참조(reference)"를 생성하고 관리하는 데 사용된다. useRef를 이용하면 DOM 요소나 다른 React 컴포넌트에 접근할 수 있으며, 컴포넌트가 리렌더링될 때에도 유지됩니다. useRef의 주요 용도 DOM 요소에 접근: useRef를 사용하여 ref를 생성하면, 해당 ref를 특정 DOM 요소에 연결할 수 있다. 이렇게 하면 필요에 따라 해당 DOM 요소의 속성이나 메서드에 직접 접근할 수 있습니다. 컴포넌트 변수 유지: useRef를 사용하여 변수를 선언하면, 컴포넌트가 리렌더링되어도 변수의 값이 유지됩니다. 이를 활용하여 컴포넌트의 상태가 아닌 일시적인 데이터를 저장하거나 다른.. 공감수 0 댓글수 0 2023. 7. 28.
require와 import ・ const 📌 require와 import "require"와 "import"는 JavaScript에서 모듈을 가져오는 두 가지 주요 방법입니다. 그러나 각각은 다른 모듈 시스템을 사용하고 다른 상황에서 사용된다. require "require"는 Node.js에서 주로 사용되는 CommonJS 모듈 시스템의 방식으로 모듈을 가져오는 데 사용된다. CommonJS는 동기적으로 모듈을 로딩하는 방식으로 동작한다. 사용 방법: const module = require('module_name'); - 파일 상단에 위치하여 모듈을 가져옵니다. - 동적으로 모듈을 가져오는 데 사용될 수 있습니다. (if문, 반복문 등에 따라 다른 모듈을 가져오는 경우) - CommonJS 모듈 시스템은 서버 사이드(Node.js)에서 주로.. 공감수 0 댓글수 0 2023. 7. 27.
This ・ 브라우저 저장소 📌 This This란? this란 함수를 호출할 때 생성되는 실행 컨텍스트 객체다. this가 가리키는 대상은 어떻게 this가 호출되는지에 따라 다르다. 아래 상황별로 this의 의미를 나눌 수 있다. → 전역 공간에서의 this → 메서드로서 호출할 때 내부에서의 this → 함수로서 호출할 때 내부에서의 this → 콜백 함수 호출 시 내부에서의 this → 생성자 함수 내부에서의 this 📌 브라우저 저장소 브라우저 저장소 분류 웹 스토리지(Web Storage) : 웹 데이터를 클라이언트에 저장하기 위해 만들어진 키-밸류 형식의 저장소. 쿠키(Cookie) : 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어진 키-밸류 형식의 저장소 웹 스토리지 웹 스토리지는 HTML5에 추가된 클라.. 공감수 0 댓글수 0 2023. 7. 26.
HTTP ・ Position 📌 HTTP HTTP란? 하이퍼텍스트 전송 프로토콜(HTTP) 월드 와이드 웹의 토대이며 하이퍼텍스트 링크를 사용하여 웹 페이지를 로드하는 데 사용된다. HTTP는 네트워크 장치 간에 정보를 전송하도록 설계된 애플리케이션 계층 프로토콜이며 네트워크 프로토콜 스택의 다른 계층 위에서 실행된다. HTTP를 통한 일반적인 흐름에는 클라이언트 시스템에서 서버에 요청한 다음 서버에서 응답 메시지를 보내는 작업이 포함된다. HTTP 요청에는 무엇이 들어있나? HTTP 요청은 웹 브라우저와 같은 인터넷 통신 플랫폼에서 웹 사이트를 로드하는 데 필요한 정보를 요청하는 방법이다. 인터넷을 통해 이루어진 각 HTTP 요청은 서로 다른 유형의 정보를 전달하는 일련의 인코딩된 데이터를 전달한다. 일반적인 HTTP 요청에는 다.. 공감수 0 댓글수 0 2023. 7. 25.
프레임워크와 라이브러리・ 캐시 📌 프레임워크(Framework)와 라이브러리(Library) 프레임워크란? 원하는 기능 구현에 집중하여 개발할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대를 의미한다. 애플리케이션 개발 시 필수적인 코드, 알고리즘, DB 연동과 같은 기능들을 위해 어느 정도 뼈대(구조)를 제공하며 이러한 뼈대 위에서 사용자는 코드를 작성하여 애플리케이션을 개발한다. 앱/서버 등의 구동, 메모리 관리, 이벤트 루프 등의 공통된 부분은 프레임워크가 관리하며, 사용자는 프레임워크가 정해준 방식대로 클래서, 메서드들을 구현하면 된다. 예 Java 서버 개발에 사용되는 Spring Python 서버 개발에 사용되는 Django, Flask 안드로이드 앱 개발에 사용되는 Android 아이폰 앱 개발에 사용되.. 공감수 0 댓글수 0 2023. 7. 21.
Hoisting과 TDZ ・ parameter와 argument 📌 Hoisting과 TDZ Hoisting이란? 변수나 함수를 선언했을 때 코드 범위(scope)내의 최상단으로 끌어 올려지는 것처럼 보이는 현상이다. 사실 호이스팅은 정말 위로 끌어올려지는 것이 아니라, 변수나 함수를 선언 이전에 사용할 수 있기 때문에 끌어 올려지는 것처럼 보이는 것이다. var 와 달리 const, let 은 호이스팅이 발생하지 않는 것처럼 보이는데, TDZ에 들어가기 때문이다. 그렇다면 TDZ란 무엇일까? TDZ이란? Temporal Dead Zone. 일시적인 사각지대로, 변수를 사용하는 것을 비허용하는 개념상의 공간이다. TDZ에 있는 값에 접근하게 되면 ReferenceError: Cannot access 'xxx' before initialization 에러가 발생한다. .. 공감수 0 댓글수 0 2023. 7. 20.
웹페이지 랜더링 ・ Restful API 📌 웹페이지가 브라우저에 랜더링되는 과정 HTML 파싱 - DOM 트리 구축 - CSS 파싱 - Render 트리 구축 - 레이아웃 - 페인트 - 반응성 및 상호작용 1. HTML 파싱 브라우저가 html 파일을 랜더링 하는 경우는 언제일까? 브라우저에 사이트 주소를 입력하게 되면, 주소에 있는 서버가 약속되어 있는 html 파일을 브라우저로 전송하게 된다. 이때, html 코드는 8비트의 데이터 형태로 전송된다.(=바이트 스트림) 바이트를 문자로 변환하고 가지고 있는 토큰과 비교를 해서 해당 문자가 html 코드인지 확인한다.(토큰화 과정) 토큰은 브라우저에 저장되어 있는 html의 시작 혹은 종료 태그 그리고 속성과 속성 값 등 약속된 여러가지 값들을 의미한다. 2. DOM 트리 구축 위 토큰화 과정.. 공감수 0 댓글수 0 2023. 7. 19.
프로젝트 회고록 프로젝트 진행하면서 어려웠던 점 프로젝트에서 아쉬운 점 이후 개선해야 할 점 스킬 기술 의사 결정 공감수 0 댓글수 0 2023. 7. 6.
React_이미지 파일 업로드하기 📌 문제 이미지 파일을 선택하고, 미리보기를 해주는 페이지를 구현하고 싶었다. inputBox 컴포넌트를 만들어서 이미지 파일을 선택하는 것 까지는 성공했지만, 미리보기로 페이지가 뜨지 않았다. 📌 시도한 방법 import React, { useState } from 'react'; import Layout from '../components/common/Layout'; import { styled } from 'styled-components'; import Text from '../components/common/Text'; import Button from '../components/common/Button'; import InputBox from '../components/common/InputB.. 공감수 0 댓글수 0 2023. 5. 17.
JSON 📌 JSON이란? JavaScript Object Notation 자바스크립트 객체 문법에 토대를 둔, 문자 기반의 데이터 교환 형식을 의미한다. 일반적인 JSON 구조는 자바스크립트 객체 리터럴 작성법을 따른다. 자바스크립트의 원시 자료형인 문자열, 숫자, 불리언을 가질 수 있고 중첩된 계층 구조 또한 가질 수 있다. 자바스크립트 객체 형태와 완전히 같진 않다. 작은 따옴표'' 가 아닌 ""만 허용된다. 📌 메서드 1. JS 객체를 JSON 형태로 전송 2. JSON 형태를 JS 객체 형태로 사용 stringify() : 스트링화시킨다. 자바스크립트 객체를 문자열로 바꾼다. console.log(JSON.stringify({ x: 5, y: 6 })); // Expected output: "{"x":5.. 공감수 0 댓글수 0 2023. 5. 2.
React_action creators, action values Refactoring - Action createors와 Action values로 기존 Redux 프로젝트를 재구성 할 수 있다. 📌 Action Creator 란? 액션 객체를 한 곳에서 관리할 수 있도록 "함수"와 액션 value를 상수로 만든다. 액션을 만드는 생성자 counter.js // src/modules/counter.js // 추가된 코드 - 액션 value를 상수들로 만들어 줍니다. 보통 이렇게 한곳에 모여있습니다. const PLUS_ONE = "PLUS_ONE"; const MINUS_ONE = "MINUS_ONE"; // 추가된 코드 - Action Creator를 만들어 줍니다. export const plusOne = () => { return { type: PLUS_ONE,.. 공감수 0 댓글수 0 2023. 5. 2.
React_useDispatch, useSelector 📌 리덕스의 흐름 UI : 컴포넌트 (App.jsx) UI에서 어떤 이벤트가 일어난다. (예를 들어 클릭 이벤트) 중앙 데이터 관리소(Store)에 있는 State 값을 바꿔야 한다 라는 요청이 들어온다. Dispatch가 요청을 수행해준다. action 객체를 가지고 store에 방문한다. 중앙 데이터 관리소에 action을 요청하는, action을 던져주는 놈이 Dispatch다. action은 type과 payload를 가지는 객체이다. store는 action객체에 있는 type에 따라 state를 변경해주는 작업을 한다. 📌 리듀서에게 보낼 명령 만들기 리듀서에서 내가 어떤 Action을 하길 원한다 라고 표현한다. 행동을 코드로 나타내면 객체로 만든다. = 액션 객체 액션 객체는 반드시 Typ.. 공감수 0 댓글수 0 2023. 4. 29.
React_counter 만들기 리덕스를 이용해 counter 프로그램을 만들어 보겠다. 📌 파일 구조 redux (리덕스 관련 코드) -modules (state의 그룹. ex : todos.js) -counter.js -config (리덕스 설정 관련 파일) -configStore.js (중앙 state 데이터 관리소 -> 설정 코드) 📌 counter.js //초기 상태값 const initialState = { number : 0 }; //useState로 아래처럼 작성할 경우 0에 해당하는 초기값이 위 initialState이다. //const [number, setNumber] = useNumber(0) //리듀서 : state에 변화를 일으키는 함수 //(1)state를 action의 type에 따라 변경하는 함수 // i.. 공감수 0 댓글수 0 2023. 4. 28.
React_redux 설정 📌 리덕스란? 중앙 state관리소를 사용할 수 있게 도와주는 패키지(라이브러리) 이다. 접근 및 제어를 할 수 있다. State를 공유하고자 할때 부-모 관계가 아니여도 되고, 중간에 의미없이 컴포넌트를 거치지 않아도 된다. 그리고 자식 컴포넌트에서 만든 State를 부모 컴포넌트에서도 사용할 수 있게 된다. 📌 리덕스 설치 yarn add redux react-redux 📌 파일 구조 redux (리덕스 관련 코드) -modules (state의 그룹. ex : todos.js) -config (리덕스 설정 관련 파일) -configStore.js (중앙 state 데이터 관리소 -> 설정 코드) 사용법만 숙지하자. 이해하려고 스트레스 받지 말자! 아래 기본적인 설정에 대해 설명한다. 📌 config.. 공감수 0 댓글수 0 2023. 4. 28.
React _ ToDoList React _ 1주차 ToDoList Github : https://github.com/minnjeong/todo 코드를 작성 후 컴포넌트 분리에 대해 어려움을 겪었고, 기술매니저님께 이에 대한 질문을 했다. 질의응답 시간 후 리팩토링 한 코드를 작성해보겠다. 수정 전 Working.. 🔥 {todo .filter((todo) => todo.isDone === false) .map((todo) => { return ( ); })} Done..! 🎉 {todo .filter((todo) => todo.isDone === true) .map((todo) => { return ( ); })} 크게 보면 lists 아래에 완료 전 list, 완료 후 list 로 같은 내용이 반복되고 있다. 수정 후 app.js.. 공감수 0 댓글수 0 2023. 4. 19.
javascript 소수점 오류 프로그래머스에서 테스트 실행은 통과하는데 일부 케이스에서 오류가 생겨 제출하지 못했다. 문제 구슬을 나누는 경우의 수 머쓱이는 구슬을 친구들에게 나누어주려고 합니다. 구슬은 모두 다르게 생겼습니다. 머쓱이가 갖고 있는 구슬의 개수 balls와 친구들에게 나누어 줄 구슬 개수 share이 매개변수로 주어질 때, balls개의 구슬 중 share개의 구슬을 고르는 가능한 모든 경우의 수를 return 하는 solution 함수를 완성해주세요. 제한사항 1 ≤ balls ≤ 30 1 ≤ share ≤ 30 구슬을 고르는 순서는 고려하지 않습니다. share ≤ balls 입출력 예 balls share result 3 2 3 5 3 10 나의 풀이 function solution(balls, share) { .. 공감수 0 댓글수 0 2023. 4. 14.
2023.04.05_코딩테스트 연습 369 게임 문제 설명 머쓱이는 친구들과 369게임을 하고 있습니다. 369게임은 1부터 숫자를 하나씩 대며 3, 6, 9가 들어가는 숫자는 숫자 대신 3, 6, 9의 개수만큼 박수를 치는 게임입니다. 머쓱이가 말해야하는 숫자 order가 매개변수로 주어질 때, 머쓱이가 쳐야할 박수 횟수를 return 하도록 solution 함수를 완성해보세요. 입출력 예 설명 입출력 예 #1 3은 3이 1개 있으므로 1을 출력합니다. 입출력 예 #2 29423은 3이 1개, 9가 1개 있으므로 2를 출력합니다. 시도했지만, 실패한 코드 function solution(order) { let answer = 0; let arr = []; for (let i = 0; i 공감수 0 댓글수 0 2023. 4. 5.
2023.04.05_js_야구게임 Goal : 숫자야구 프로그램 만들기 컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. (ex) 123, 759 사용자는 컴퓨터가 뽑은 숫자를 맞추기 위해 시도합니다. 컴퓨터는 사용자가 입력한 세자리 숫자에 대해서, 아래의 규칙대로 스트라이크(S)와 볼(B)를 알려줍니다. 숫자의 값과 위치가 모두 일치하면 S 숫자의 값은 일치하지만 위치가 틀렸으면 B 기회는 무제한이며, 몇번의 시도 후에 맞췄는지 기록됩니다. 숫자 3개를 모두 맞춘 경우, 게임을 종료합니다. 진행 방식 컴퓨터가 숫자를 생성하였습니다. 답을 맞춰보세요! 1번째 시도 : 134 0B0S 2번째 시도 : 238 1B1S 3번째 시도 : 820 2B1S 4번째 시도 : 028 3B 5번째 시도 : 280 3S 4번만에 맞히셨습.. 공감수 0 댓글수 0 2023. 4. 5.
2023.04.04_js_일급 객체로서의 함수 js_2주차 일급객체로서의 함수 1. 변수에 함수를 할당할 수 있다. const sayHello = function () { console.log('Hello!); } const sayHello => 변수의 선언부 우측 부분 => 함수 sayHello라는 함수를 어디서나 호출할 수가 있다. 또, 함수를 객체처럼 또는 변수처럼 어디에 넣을 수도 있다, 매개변수로 보낼 수도 있다. 함수가 마치 값으로 취급된다. 함수가 나중에 사용될 수 있도록 조치가 되었다. 2. 함수를 인자로 다른 함수에 전달할 수 있다. 2-1 콜백함수 : 매개변수로 쓰이는 함수 2-2 고차함수 : 함수를 인자로 받거나 return하는(함수를 출력으로 반환하는) 함수 콜백함수는 고차함수라고도 할 수 있다. function callFunc.. 공감수 0 댓글수 0 2023. 4. 5.
2023.03.23_웹 퍼블리싱 스파르타 코딩클럽 웹 퍼블리싱 2주차 dl,dt,dd display:table 가상요소 ::before, ::after float 네비게이션 만들 때 주로 사용하는 방법 버튼들이 리스트 형태로 구성되어있다. 연관있는 리스트임을 구분해 주기 위해서 그룹을 ul로 묶고 ul 안에 서로 관련이 있는 것들을 li로 넣고 li 밑에 a 링크를 넣어서 만드는 구조로 많이 만든다. dl, dt, dd 태그는 용어의 정의와 내용 설명이 필요할 때 사용한다. definition list(정의 목록) 태그는 제목을 의미한다. definition term(정의 용어) 태그는 용어를 설명하는 데 사용한다. definition description(정의 설명) 태그 정의가 필요한 목차를 설정할 때 사용한다. 태그는 단독으로 사.. 공감수 0 댓글수 0 2023. 3. 23.
2023.03.22_position absolute position absolute position css에서 position은 엘리먼트가 화면에 어떻게 배치되는가를 결정한다. 기본값 : static / relative, absolute, fixed, sticky 으로 변경이 가능하다. 기본값 외 다른 값으로 설정했을 때는 포지셔닝 속성이 있다. top, left, bottom, right 이다. position : sticky는 스크롤을 해도 자리 고정 absolute position 특징 부모 엘리먼트 내부에 속박되지 않고, 독립된 배치 문맥을 가지게 된다. 엘리먼트를 브라우저 화면 상에서 어디든지 자유롭게 배치시킬 수 있다. 상위 엘리먼트 중 positiin 속성이 relative인 엘리먼트가 있다면, 그 중 가장 가까운 엘리먼트의 내부에서만 엘리먼.. 공감수 0 댓글수 0 2023. 3. 21.
2023.03.21_웹 퍼블리싱 스파르타코딩클럽 웹 퍼블리싱_2주차 폼 태그 : 사용자로부터 데이터를 입력할 수 있는 범위를 지정할 때 사용된다. input요소를 감쌀 때 쓰기도 한다. fieldset : 은 관련있는 것을 묶을 때 많이 사용한다. legend : 'form > fieldset > 제목은 legend도 한다'가 폼 태그의 사용법 정석 개인정보 이름 : 나이 : input type = "password" password 필드의 문자는 별표나 동그라 미로 가려집니다. label label로 감쌀 때 효과는? 아이디 패스워드 저장 체크박스를 클릭해야지 체크가 활성화되는데, label로 감싸게 될 경우 감싼 것을 클릭해도 활성화가 된다. button type ="submit" form 안에서 이 모든 내용을 제출한다. 라는 의.. 공감수 0 댓글수 0 2023. 3. 21.
2023.03.20_웹 퍼블리싱 스파르타코딩클럽 웹 퍼블리싱_1주차 jQuery를 사용하기 위해서 jQuery라는 라이브러리를 src로 참조를 해서, 문서에서 활용할 수 있도록 한다. jQuery에서 $ 사용할 수 있다. html document.getElementById('btn').addEventListener('click', function() { alert('버튼 클릭 이벤트'); }) jquery $('#btn').on('click', function() { alert('버튼 클릭 이벤트'); }) html과 jquery 비교 문법이 줄어든다! document > $ getElementById > # id > #뒤에 바로 붙여 입력 .on > addEventListner 대체 css 트랜지션 시작 지점과 끝 지점을 연결. 중간.. 공감수 0 댓글수 0 2023. 3. 20.
2023.03.16 문제 1 : 중복된 숫자 개수 정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요. 나의 풀이 function solution(array, n) { let answer = 0; for(i=0; iv===n).length; } 배운 것 filter : 콜백 함수*에서 리턴하는 값이 true인 것들만 모아서 새로운 배열을 만드는 함수 * 콜백 함수란? 매개변수로 전달하는 함수. 자바스크립트는 함수도 하나의 자료형이므로 매개변수로 전달할 수 있다. const a = [0,1,2,3,4,5] const b = a.filter(function (value) { return value % 2 === 0 }) co.. 공감수 0 댓글수 0 2023. 3. 16.
2023.03.15_split JS split에 대하여 split(separator, limit) 문자열을 'separator'로 잘라서, 'limit' 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴한다. separator : 값이 입력되지 않으면 문자열 전체를 배열에 담아 리턴함 limit : 최대 분할 갯수 separator, limit 둘다 필수가 아님 파라미터를 입력하지 않을 경우 파라미터로 전달한 것이 없으면 문자열 전체를 리턴합니다 let str = "min jeong"; let arr = str.split(); console.log(arr); // ['min jeong'] consoloe.log(arr.length); // 1 단어별로 잘라서 배열에 담는 법 separator로 " "(스페이스)를 지정하면, 스페이스를.. 공감수 0 댓글수 0 2023. 3. 15.
2023.03.15 문제 1 문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요. 나의 풀이 function solution(my_string) { return my_string.split("").reverse().join(""); } 다른 풀이 function solution(my_string) { var answer = [...my_string].reverse().join(""); return answer; } 배운 것 - 내장 함수들을 사용해서 문자열 반전하기 String.protype.split(), Array.protype.reverse(), 그리고 Array.protype.join()의 총 세가지 메서드를 사용합니다. .. 공감수 0 댓글수 1 2023. 3. 15.
2023.03.13 연산자 비교 연산자 === 양쪽이 같다 !== 양쪽이 다르다 >= 왼쪽이 더 크거나 같다 공감수 0 댓글수 0 2023. 3. 13.
2023.03.10_5일차 과제 5일차 과제 Part 05. 객체 기본문법 1. 객체 2. 참조에 의한 객체 복사 3. 매서드와 this 4. new 연산자와 생성자 함수 객체 과제 1 : 객체야 안녕? 다음 각 동작을 한 줄씩, 코드로 작성해보세요. 빈 객체 user를 만듭니다. user에 키가 name, 값이 John인 프로퍼티를 추가하세요. user에 키가 surname, 값이 Smith인 프로퍼티를 추가하세요. name의 값을 Pete로 수정해보세요. user에서 프로퍼티 name을 삭제하세요. 답안 let user = { name : "John", surname : "Smith" }; user.surname = "Pete"; delete user.name; 해답 let user = {}; user.name = "John"; u.. 공감수 0 댓글수 0 2023. 3. 10.

문의안내

티스토리
로그인
고객센터

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