분류 전체보기 258

22.05.08 객체와 toString()

나는 toString() 이 그냥 문자형으로 바꿔주는 함수인줄만 알고 있었다. toString() 은 문자열을 반환하는 Object 의 대표적인 방법이라고 하는데 이게 무슨 말?! 일단, 생성자 함수는 다음과 같다고 하자. function Dog(name){ this.name = name } const dog1 = new Dog('Podo') 생성자 함수에 관한 내용은 아래 참고하기! 2022.05.08 - [JavaScript] - 22.05.08 생성자 함수와 new 연산자 Dog.prototype.toString = function dogToString(){ return `${this.name}` } 객체의 속성에 대한 값을 문자열로 보여준다는 것인가? 음 그러면 dog1 의 성별을 생성자 함수에서..

JavaScript 2022.05.08

22.05.08 생성자와 return 문

생성자 함수에는 보통 return 문이 없다. 반환되야 하는 것은 모두 this 에 저장되고 this 는 자동으로 반환되기 때문에 따로 반환문을 쓸 필요가 없는 것이다. 만약 return 문을 붙인다면? 1. 객체를 return 한다면 this 대신 객체가 반환된다. 2. 원시형을 return 한다면 return 문이 무시된다. 한마디로, return 객체 외에는 무시해버리고 this 를 반환하는 것이다. ▶ return 뒤에 객체를 넣은 경우, 객체를 반환 function BigUser() { this.name = '원숭이' return {name: '고릴라'} } ▶ return 뒤에 아무것도 넣지 않은 경우, this 를 반환 function BigUser() { this.name = '원숭이' ..

JavaScript 2022.05.08

22.05.08 생성자 함수와 new 연산자

자바스크립트는 파도 파도 새롭네 Javascript is Wave Wave New 객체 리터럴 {...}을 사용하면 객체를 쉽게 만들 수 있다. 만약 유사한 객체를 여러 개 만들어야 하는 경우가 생긴다면, new 연산자와 생성자 함수를 사용하면 유사한 객체 여러 개를 쉽게 만들 수 있다. 생성자 함수의 두가지 규칙 1. 함수 이름의 첫글자는 대문자로 시작한다. 2. 반드시 'new' 연산자를 붙여 실행한다. function User(name){ this.name = name this.isAdmin = false } 위 생성자 함수의 작동 원리는 1. name 변수값이 인자로 들어오면 2. 빈 객체를 만들어 this 에 할당한다. 3. 함수 본문을 실행한다. 본문에 대한 this 에 새로운 속성을 추가하여..

JavaScript 2022.05.08

22.05.08 [터미널] 포트 죽이기

가끔 프로젝트를 키려고 하면 이미 포트가 열려있다고 하면서 켜지지 않는다. 백그라운드에서 노드가 돌고 있기 때문에 이것을 닫아주면 된다. 포트 확인 sudo lsof -PiTCP -sTCP:LISTEN 내가 키려고 하는 프로젝트의 포트가 이미 열려있다면 그 PID를 복붙해서 아래에 붙여넣는다. 내가 찾고 싶은 포트만 검색하려면 lsof -i:[포트 번호] 포트 죽이기 sudo kill -9 [PID]

mac zsh 2022.05.08

22.04.28 setState 변경값 바로바로 useState 비동기식 처리

https://velog.io/@kym123123/%EB%B9%84%EB%8F%99%EA%B8%B0%EB%A1%9C-%EB%8F%99%EC%9E%91%ED%95%98%EB%8A%94-react%EC%9D%98-setState%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC 비동기로 동작하는 react의 setState에 대하여 Constructor 메서드 내에서 state를 초기화 하는 작업이 없다면, 해당 React 컴포넌트에서 생성자를 구현하지 않아도 된다. 초기화를 위해서는 아래와 같이 작성한다또는 멤버변수(클래스 필드)를 사 velog.io

React.js 2022.04.28

22.04.27 객체에서 속성 찾기 hasOwnProperty 와 in

객체 하나가 있다고 해보자. 예시는 간단한 객체이지만 데이터를 정제하는 실상황에서는 아주 복잡한 객체일 가능성이 높다. 그렇다면 이 객체에서 내가 찾고 싶은 속성이 있는지 존재하는지 확인하는 방법은 아래 두가지 함수를 활용할 수 있다. const person = { name: 'jeje', age: 26 } 1. hasOwnProperty() [객체명].hasOwnProperty('[찾을 속성명]') 2. in '[속성명]' in [객체명] hasOwnProperty 와 in 의 차이점! hasOwnProperty 은 in 과 다르게 toString() 와 같이 객체로부터 상속받은 속성을 체크할 수 없다. 참고자료링크 https://hianna.tistory.com/420 [Javascript] 객체에 ..

JavaScript 2022.04.27

22.04.14 기본 화면 제어

마우스 우클릭은 팝업 메뉴 마우스 중간 클릭 드래그는 회전 쉬프트를 누르고 마우스 중간 클릭 드래그는 패닝, 화면 이동 컨트롤을 누르고 마우스 중간클릭 드래그는 확대 축소 마우스 휠을 돌려도 확대 축소 프리셋 뷰포트 아이콘의 녹색점이 정면의 방향 오브젝트를 선택한 뒤 View => Frame Selected 단축키 Numpad . 맥북은 키보드를 영문으로 설정해야 한다. 윈도우 알트 키 => 옵션 키 윈도우 컨트롤 키 => 컨트롤 키 / 커맨드 키 View => 3D Object 모드에서 shift + A => Add Plane

Graphic/Blender 2022.04.15