오늘의 학습 내용 리액트 입문 강의 수강 리액트 관련 개념 공부 새로운 배움 리액트 기초 개념 (CRA, JSX, 컴포넌트) JSX 문법 문제 상황과 시도, 해결 리액트 입문 강의에서 간단한 실습을 하는데 리액트를 하나도 몰라서 조금 해맸다. 입문 강의에서는 리액트에 대한 개념도 다루지만 실습을 하고 난 다음에 다루기 때문에 실습 과정에서 우여곡절을 겪었다. 기초적인 부분들이라 다루는 강의도 없어서 리액트 책을 정독하면서 찾았다. 멀티라인 return 리턴을 할때 어떤 예제 케이스는 소괄호가 없고 어떤 경우는 소괄호 안에서 리턴을 하고 있었다. 알고보니 멀티라인의 경우 소괄호가 필수였다. JSX 문서 부모태그 필수 간단한 실습과제를 혼자 하면서 처음으로 JSX문서를 다루었다. 일단 HTML이랑 비슷해서 ..

this와 아이들 (apply, call, bind) apply, call, bind는 지난 자바스크립트 실행컨텍스트 글 this bind에서 다루었다. 그럼에도 다시 글을 쓰는 이유는 call과 apply는 기본적으로 Function.prototype의 메서드이며 this를 바인딩하는 기능이 있지만 기본적으로 함수를 호출하는 메서드 이기 때문이다. Function.prototype.apply/ Function.prototype.call this로 사용할 객체와 함께 호출할 함수의 인수를 전달한다. /** * apply * @param {} this로 사용하고자 하는 객체 * @param [arg1, arg2, ...] 함수에게 전달할 인수 목록 */ /** * call * @param {} this로 ..

이번주 배운 내용 자바스크립트 동작 원리 알고리즘 스터디 및 알고리즘 마라톤 느낀점 자바스크립트 엔진의 동작원리를 이해하는 시간이 재미있었다. 실제로 어떻게 동작하는지 추상적인 개념을 알고 있는것과 아닌것의 차이는 분명히 있을 것이라고 생각한다. 알고리즘 집중 주차로 알고리즘 문제를 많이 풀었는데 풀다가 어려운 부분도 있었고 강의와 병행하면서 하느라 생각보다 많이 풀지 못햇다. 내 능력치가 어느정도이고 하루에 얼만큼 소화할 수 있는지 파악하고 그 크기를 늘리는 과정이 필요한 것 같다고 느꼈다. 기본 문법 주차여서 실제적으로 구현하는게 적어서 아쉬웠다. 따로 토이프로젝트로 포트폴리오 웹사이트 만드는 과정을 강의 듣느라 소홀히 했다 늦었지만 이번주, 그리고 다음주에 시작해야겠다. 다음주 배울 내용 리액트 기..

오늘의 학습 내용 알고리즘 마라톤 알고리즘 테스트 새로운 배움 이차원 배열에 대한 이해 1. 이차원 배열 활용 관련 작성글 지뢰찾기 상황 2차원 배열 알고리즘 문제를 풀게 됨 시도 1차원 배열로 변경해서 풀이 시도, 처음에는 1차원 배열의 끝값을 처리하지 못해서 못 풀었다. 해결 결과적으로 양끝의 인덱스 값은 범위를 다르게 주는 것으로 풀어내었다. 문제는 풀어내고 테스트는 통과했지만 2차원 배열을 생각하지 못해서 너무 아쉽다. 자바스크립트는 2차원 배열이 없다라고 생각했기 때문에 1차원으로 변경해야한다고만 생각했다. 사실 자바스크립트는 엄밀한 의미의 2차원 배열이 없는 것은 맞지만 문제에서 주어진 배열과 답안으로 내야하는 배열의 형태를 보면 해당 문제를 이중배열을 통해 2차원 배열과 유사하게 풀었을 수 ..

지뢰찾기 1966번 지뢰찾기 문제 설명 다들 windows에서 지원하는 지뢰 찾기 게임을 한번쯤은 해 보았을 것이다. 특히 동호는 지뢰찾기의 매니아로 알려져 있다. 지뢰 찾기 map은 N*N의 정사각형 모양으로 각 칸에는 숫자가 들어가 있거나 지뢰가 들어가 있다. 빈 칸에는 숫자 0이 들어있다고 생각하자. map의 어떤 칸에 적혀 있는 숫자는, 그 칸과 인접해 있는 여덟 개의 칸 중에서 지뢰가 들어 있는 칸이 몇 개인지를 나타내 준다. 물론 인접한 칸이 map 내부에 있는 경우에 대해서만 생각하면 된다. 예제를 보면 더 잘 이해할 수 있을 것이다. 이번 문제는 조금 업그레이드 된 지뢰 찾기로, 한 칸에 한 개의 지뢰가 있는 것이 아니고, 한 칸에 여러 개(1 이상 9 이하)의 지뢰가 묻혀 있는 게임이다...

자바스크립트 this 보통 객체지향언어에서 this는 클래스를 정의한 인스턴스 그 잡채를 의미한다! 그런데 자바스크립트의 this는 그때그때 상황별로 의미하는 바가 달라진다. (엉뚱한 JS엔진이다!) 우리.. this 는요.. 실행컨텍스트가 생성(Create)될 때 결정(bind)된다. 기본적으로 전역공간에서는 런타임환경에 맞는 전역객체를 가르킨다. 함수와 메서드의 비교 자바스크립트의 this는 상황별로 달라지게 되는데 이를 이해하기 위해서 함수와 메서드를 구분해서 이해할 필요가 있다. 공통점 : 기능을 수행한다. 차이점 : 함수는 독립적이지만 메서드는 반드시 객체에 종속되어 동작한다. 함수와 메서드의 this바인딩 비교 function logThis (lineNum){ console.log("call ..