Muscardinus

class DoublyLinkedList { constructor(value) { this.head = { value: value, next: null, prev: null, }; this.tail = this.head; this.length = 1; } append(value) { const newNode = { value: value, next: null, prev: null, } newNode.prev = this.tail; this.tail.next = newNode; this.tail = newNode; this.length++; return this; } prepend(value) { const newNode = { value: value, next: null, prev: null, } new..

class LinkedList { constructor(value) { this.head = { value: value, next: null }; this.tail = this.head; this.length = 1; } append(value) { const newNode = { value: value, next: null } console.log(newNode) this.tail.next = newNode; this.tail = newNode; this.length++; return this; } prepend(value) { const newNode = { value: value, next: null } newNode.next = this.head; this.head = newNode; this.l..

this에 관하여 내용을 계속 진행하기 전에 JS의 함수에 관하여 한 가지 사실을 알아보자 JavaScript 함수(Function)는 함수이기 이전에 Object(객체)이다. 그러기에 자신 고유의 method를 가지고 있다. Function 자체의 proto를 가다 보면 결과적으로 Object가 나온다는 것을 확인 할 수 있다. MDN 웹사이트에서 Javascript Object method를 찾아보면 아래 그림과 같이 수 많은 method들이 있다는 사실을 볼 수 있다. 출처: developer.mozilla.org/en-US/ 이렇듯 객체에는 많은 내장 method가 있다. 물론 우리가 상황에 맞게 prototype에 접근하여 우리만의 method를 만드는것 또한 가능하다. 자 그러면 이제 다시 t..

https://programmers.co.kr/learn/courses/30/lessons/12899?language=cpp JavaScript function solution(n) { var answer = ''; while(n) { let check = n % 3; n = Math.floor(n/3); if (check === 0) n -= 1; answer = "412"[check] + answer; } return answer; } C++ #include #include using namespace std; string solution(int n) { string answer = ""; while(n) { int check = n % 3; n /= 3; if (check == 0) n -=1; a..

Props 단어 듯 그대로 컴포넌트의 속성값이다 props는 부모 Component로부터 전달 받은 데이터를 지니고 있는 객체 props를 통해 부모 Component로부터 자식 컴포넌트에게 state의 상태 값, event handler를 넘겨줄 수 있다 state와 마찬가지로 Component의 props는 객체이다 Props를 통한 event handler 전달 // Parent.js class Parent extends React.Component { constructor() { super(); this.state = { color: 'red' } } handleColor = () => { this.setState({ color: 'blue' }) } render() { return ( Paren..

1. Regular function call (일반 함수 실행 방식) 위 코드의 결과 값은 15이다 this가 실행되는 곳은 맨 마지막 줄의 printAge 함수이다. 특별한 것 없이 함수 이름 만을 이용하여 실행하는 경우, 즉 일반 함수 실행 방식에서는 해당 함수의 this 값은 Global Object 이다. 브라우저에서는 window 객체이다. Chrome Console 창 사용 1탄에 있었던 코드를 다시 보자 (출력 값: 15) this가 사용되는 함수는 muscardinus라는 객체의 printAge 라는 속성으로 할당되어 있다. 하지만 항상 기억해야할것! 함수의 선언이나 할당은 this의 값과 무관하다 해당 함수의 실행되는 부분은 맨 마지막 줄이고 일반 함수 호출 방식으로 실행된다. 그렇기에 ..

JavaScript를 하는 많은 개발자들이 가장 두려워하는 파트이다. 그것은 바로 "This"! 실제로 현업에 오랫동안 종사하신 개발자들 중에도 "This"에 관하여 제대로 알 지 못하는 사람들이 많다는 것을 얼핏 들은 적이 있다. 하지만 본 개발자 '는 모든 것을 알지는 못 하더라도 아는 것 만큼은 제.대.로 아는 것을 추구하기에 용기 내어 이 글을 작성한다. (아직 배워가는 과정이므로 틀린 것이 있다면 꼭 댓글을 달아주시기를 부탁합니다!) 자 이제 시작해보자 JS의 모든 함수(arrow function 제외) 내부에서는 별도의 변수 선언 없이 this keyword를 사용할 수 있다 (keyword라 하면, JS에 내장된 명령어이다) (주의!!) function 키워드를 이용해 생성한 일반 함수와는 ..

State state는 말 그대로 상태를 뜻 한다. Component 내부에서 가지고 있는 Component의 상태값이다 state는 화면에 보여줄 Component의 상태를 지니고 있는 객체이다 state는 Component 내에서 정의하고 사용하며 얼마든지 데이터(객체)가 변경될 수 있다 State 객체 Class Component state import React from 'react'; class State extends React.Component { constructor() { super(); this.state = { color: 'red' }; } render() { return ( Class Component | State ); } } export default State; state를 ..