구조 분해 할당구조 분해 할당(Destructuring)은 객체나 배열의 속성을 분해하여 변수에 값을 쉽게 할당 및 추출할 수 있는 문법이다. 특히 함수의 매개변수가 많아질 때 사용하면 아주 기분이 좋아진다. 가독성과 유지보수가 좋아진다. 기본 문법const obj = { name: "길동", age: 30,}const { name, age } = obj;console.log(name, age); // 길동 30`name`과 `age` 속성이 있는 `obj`객체를 정의'`const {name, age} = obj`': `obj` 속성에 정의된 값들을 `name`과 `age`에 할당이 때 `obj` 의 속성명과 같은 변수에 값을 할당순서는 상관 없음변수가 더 많거나 적어도 상관 없고, 속성명..
yarn을 설치하고 버전 확인을 하려고 하니 보안 오류가 나왔다. 권한이 없어서 나오는 오류이고, 금방 해결 가능하니 겁먹지 않아도 괜찮다. 오류yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/ ?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + yarn -v + ~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException 관리자모드로 PowerShell 실행 윈도우키를 누른다.powersh..
💡 TMDB API - 영화에 대한 각종 정보를 가져올 수 있는 사이트 Getting StartedWelcome to version 3 of The Movie Database (TMDB) API. This is where you will find the definitive list of currently available methods for our movie, tv, actor and image API.developer.themoviedb.org 간략한 팀프로젝트 소개tmdb api를 이용하여 다양한 영화 정보를 가져올 수 있다. 가져온 영화 정보를 이용해서 다양한 기능과(검색, 평점, 댓글 등) 디자인 적인 부분까지 신경써서 제작한 프로젝트이다. 프로젝트에 대한 기능을 완성하고 몇 가지 수정하고 싶..
replace() 메서드문자열의 특정 부분을 다른 문자열로 변경해준다. 문법string.replace(old, new, count)'old': 기존 문자열'new': 새로운 문자열'count(선택)': 대체할 횟수. 기본 값은 `-1`이고 모든 문자열의 모든 `old`문자열을 대체한다. 값을 `1`로 설정하면 첫 번째 `old`만 대체한다. 예제text = "나는 너가 싫어 너무 싫어"new_text = text.replace("싫어", "좋아")print(new_text) # 나는 너가 좋아 너무 좋아"싫어"를 "좋아"로 전부 대체한다. 대체 횟수 지정text = "나는 너가 싫어 너무 싫어"new_text = text.replace("싫어", "좋아", 1)print(new_text) # 나는 ..
슬라이싱문자열의 특정 부분을 잘라서 추출하는 기능이다. 문자열의 인덱스로 추출한다. 사용 예시주민번호 = "991030-1234567"print("년: " + 주민번호[0:2]) # 년: 99print("월: " + 주민번호[2:4]) # 월: 10print("일: " + 주민번호[4:6]) # 일: 30문자열 뒤에 `[start:end]` 와 같은 형식으로 사용할 수 있다. `start` 에는 시작 인덱스, `end`에는 마지막 인덱스를 넣어준다. 단, 시작인덱스부터 마지막인덱스"전"까지 출력된다. (`[0:2]`일 경우 인덱스 `0`부터 `2` 직전까지 추출한다) 생년: `주민번호` 변수에 저장된 문자열 중 0 ~ 2전까지의 문자열을 출력한다. (`99`) 시작 인덱스 생략print("생년월일: "..
변수 선언a = 1print(a) # 1a = 2print(a) # 2 동적 타이핑파이썬은 동적 타이핑(dynamic typing) 언어로 변수를 선언할 때 변수의 타입을 명시하지 않는다. (타입을 명시하지 않아도 컴퓨터가 알아서 해석한다.) 즉, 변수에 값을 할당할 때 자동으로 타입이 결정된다. 변수 재할당변수의 값은 물론 다른 타입까지도 재할당이 가능하다. (변수의 타입이 변경될 수 있다.) 상수 정의PI = 3.14변수명을 대문자로 작성하여 상수의 "의미"를 전달한다. (국룰) 하지만 파이썬 자체에서 상수의 값이 변경되는 것을 막지는 못한다. 여러 변수에 한번에 값 할당a, b,# 같은 값 할당a=b=c="삼둥이"print(a, b, c) # 삼둥이 삼둥이 삼둥이# 다른 값 할당 (콤마)a,..
문자열 전부 대문자로 변경 upper()hello = 'hello WORLD'print(hello.upper()) # HELLO WORLD`upper()`: 모든 문자를 대문자로 변경해준다. 문자열 전부 소문자로 변경 lower()print(hello.lower()) # hello world`lower()`: 모든 문자를 소문자로 변경해준다.
💡 Set 완전 100% 리얼 기초 문법 보기 [JS] Set | 배열에서 중복되는 값 지워줘~SetSet은 자바스크립트에서 기본적으로 지원하는 어쩌구 저쩌구 ... 배열에서 중복되는 값을 없애준다. const arr = [1, 2, 2, 2, 2, 2, 2, 2, 3];const set = new Set(arr);console.log(set); // Set(3) { 1, 2, 3 } : 중복은reactjy2.tistory.com이전에 Set을 이용해서 배열의 중복되는 값을 제거하는 방법을 알아봤지만 사실 개발하다보면 저런 단순한 1차원 배열에 값만 띡띡 들어있는 데이터보다 조금 더 복잡한 형태의 데이터를 다루는 일이 많다. (아마도) 예를 들어 .. JSON으로 데이터를 처리할 때 대충 이렇게 생..
SetSet은 자바스크립트에서 기본적으로 지원하는 어쩌구 저쩌구 ... 배열에서 중복되는 값을 없애준다. const arr = [1, 2, 2, 2, 2, 2, 2, 2, 3];const set = new Set(arr);console.log(set); // Set(3) { 1, 2, 3 } : 중복은 제거 되었지만 Set 형태로 반환되었다.console.log([...set]); // [ 1, 2, 3 ] : 전개 연산자를 사용해서 다시 배열로 강제 전환 시켜준다.💡 Set으로 배열 안의 중복된 객체 지우기 [JS] Set | 객체가 들어있는 배열에서 중복되는 값을 지워줘~💡 Set 완전 100% 리얼 기초 문법 보기 [JS] Set | 배열에서 중복되는 값 지워줘~SetSet은 자바스크립트에서..
클래스자바스크립트에서 클래스는 객체 지향 프로그래밍을 구현하는 문법적 구조이다. 클래스를 사용하여, 속성과 메서드를 정의할 수 있다. 클래스 정의class Person { constructor(name, age) { this.name = name; this.age = age; } printName() { console.log(`반갑다, 내 이름은 ${this.name} 그리고 나이는 비밀이야`); }}`class Person`: Person이라는 클래스를 생성함. 클래스 명은 PascalCase로 작명함 (국룰임 안지키면 혼남)`constructor(속성1, 속성2 ...)`: 클래스의 `인스턴스` (뒤에 설명) 를 생성할 때 자동으로 호출되는..
this`this`는 자신이 속한 객체를 참조하는 변수이다. (자기 자신(객체)을 참조한다.) 상황에 따라 참조하는 객체가 달라지는데 호출하는 주체가 있을 경우 해당 주체를 가리키게 되고, 호출하는 주체가 없다면 전역객체를 가리킨다. 호출하는 주체?설명하기 귀찮 어려우니 예시를 보도록 해요.// 메서드(객체 안의 함수)로서의 호출은 this 바인딩 OK const obj = { name:"길동", age:30, print: function(){ console.log(this.name, this.age); }}obj.print(); // 길동, 30 출력`obj`의 `print` 속성에는 함수가 저장되어 있다.`print` 를 호출하려면 어떻게 해야하나? => obj..
개인 프로젝트 진행중 내가 짠 코드가 너무나도 마음에 들지 않아서 코드 수정을 해보았다.(이번에도 박학하신 튜터님께 많은 도움을 받았음) 어쨋든 이번 글은 100% 기록 목적이고 수정한 영역에 대해서 아직 완전히 이해를 한게 아니기 때문에정리가 아주 중구난방일 것이다는 예고 (대충 정리하겠다는 소리 맞음)기존 코드// api 데이터 가져오는 함수 (fetchData)async function fetchData(searchCriteria, searchKey, processData) { const data = await fetch(.......) // api 데이터 받아옴 processData(data) // 받은 데이터를 콜백함수로 다시 전달}// 호출한 부분 (순서대로 인기, 장르, 개봉예정 영화 ..