Bleeding edge

오늘 공부한 것 오늘은, 면접 질문에 대해서 나올 수 있는 this에 관해 간단히 정리하려고 한다. 질문은 this란? this의 동작방식, call, apply, bind의 차이 세가지로 준비하려고 한다. 1. this란? this는 호출하는 방법에 따라 다른 객체를 참조하는 키워드이다. 객체 본인을 나타내는 java와는 다르게 javascript는 호출 방법에 따라 동적으로 결정된다. 이러한 차이는 java는 클래스 기반의 OOP이고, javascript는 프로토타입을 기반의 OOP기 때문에 발생합니다. 클래스 기반의 OOP는 컴파일 할 때, 클래스의 틀을 복사합니다. 프로토타입 기반의 OOP는 런타임 과정에서 프로토타입 데이터 구조를 저장합니다. 프로토타입 기반의 OOP는 데이터 구조를 저장하기 때..

페어프로그래밍에서 알게 된 것 1. 한글 regex 사용방법 한글 regex /[ㄱ-ㅎㅏ-ㅣ가-힣]/ 자음, 모음, 자모음을 모두 모은 조합이다. 중간에 자음 모음만 따로 고르는 방법은 /[ㄱ-ㅎ]/ /[ㅏ-ㅣ]/ /[가-힣]/ 과 같이 끊어서 사용할 수 있다. 2. dialog tag 자바스크립트로 더보기와 같은 기능을 사용할 떄는 일반적으로, display none이나, hidden과 같은 것을 이용하여 무언가를 숨기고 다시 show를 반복한다. 하지만, 이 기능은 자체적으로 HTML에 기능을 가지고 있기 때문에 이 기능을 사용하면, 간단한 css만 터치하면 숨기기 기능을 아주 쉽게 사용할 수 있다 바로 details와 summary이다. 사실 내가 오늘 다루고 싶은것은 detail와 summary가..

localhost란? 컴퓨터 네트워크에서 사용하는 루프백 호스트 명으로, 자신의 컴퓨터를 의미한다. 루프백이란? 원래의 장치나 장비로 돌아가는 것을 의미한다 port란? 포트는 연결 종단점 식별과 특별한 서비스에 데이터 연결을 위하여 할당한 숫자이다. 페어프로그래밍 : 복습을 하는게 중요하다고 생각하자. 목표는 되게하는 것이 아니라, 이게 최선의 코드인건가를 고민해 볼 것.우선 요구사항에 맞게 코딩을 하고, 리펙토링을 필수로 한다. 만드는데 1시간을 사용한다면 리펙토링에 3시간을 사용하자. 리펙토리할 때 순위 중복이 없어야한다 네이밍이 중요하다 함수를 나눌 떄 어떤 레벨로 나눌 것인지 인수는 어떻게 나눌 것인지 페어프로그래밍의 장점 즉각적인 피드백으로 빠르게 코드 품질 향상 팀이 소유권을 갖고 코드의 문..

글에 대해 생각하게 된 이유 오늘 아침에 전부터 써볼까 고민하던 커리어리를 설치를 했다.(광고의 힘이..) 이전에 글을 읽을 때는 아무래도 필요에 의해서, 오늘은 인것을 공부해야지 하고 검색을 하고 공부하던지라 글에 대해서 잘 읽지 않았던 것 같은데, 목적 없이, 커리어 리를 읽으면서 글을 쓸때 고민해야할 것에 대해 생각을 하게 되었다. 간과한 것? 글은 재밌어야 읽는다. 내글도 내가 재밌어야 읽는다. 중요한 헤드라인엔 마크업을 해서 집중하게 할 것. 1. 재밌는 글이란 내가 커리어리를 읽으면서 느낀 재밌는 글은, 유머글이 아니다. (커리어리에선 일에 관한 혹은 전공에 관한 글이기 때문에 글자체가 유머글 만큼 재밌기는 힘들다) 바로, 서론이 가장 재밌는 양념이 었던 것 같다. 이 이야기가 나온 이유라던가..

HTML은 선언형 언어라 읽기가 쉽다. 자바스크립트는 멀티 패러다임이다.(명령형, 함수형, 객체 모두를 지원한다). 선언형 : WHAT에 관심이 있다. 인간의 언어에 가깝다. 명령형 : HOW에 관심이 많다. 기계어에 가깝다. 리액트 장점 선언형(가독성이 좋고 유지보수성이 좋다) 컴포넌트 기반이다 SPA를 구분하는 방법? ⇒ HTML이 단 한개! 있는 것을 말한다. spa에서 div를 갈아끼우는 방법도 여러가지가 있다. 가장 있기 있는 방법은 컴포넌트로 갈아끼우는 것이 좋다.(컴포넌트로 렌더링한다) Component 거대한 틀이 있다고하면, 거대한 구성요소의 하나. Component는 재사용을 하기 위해 이야기를 많이 한다. Component의 가반 기본 개념은 태그를 만들어야 가능하다 결합을 낮춘다. ..

JS 이용하여 HTML을 수정하면서, 아무런 문제 없이 사용하던 문제점이 하나가 있었다. 정적요소와 동적요소의 혼합. 위의 현상은, 일관성이 결여가 되면서 보이는 현상이며, 이 일반성 결여는 유지보수성과 가독성을 저하시킨다. 정적 요소와 동적요소의 혼합을 막기 위해서, HTML에 대한 JS의 의존 종속성을 제거해야한다. 이번에 시도한 방법은 동적인 속성(JS만을)을 사용하였다. 정적요소와 동적요소의 혼합에 의해 유지보수성과 가독성이 저하되는 이유에 대해서 간단하게 이야기를 하면 1. 동적으로 콘텐츠를 수정하는 부분이 innerHTML, textContent, classList 등 다양한 방식으로 이루어져 일관성이 떨어진다. 2. HTML 구조가 변경되었을 때 로직을 바꿔야하는 경우가 생길 수 있다. 동적..

Coding Test 1. 백트래킹 완전탐색과 다르게, 조건에 맞지 않은 경우 가지치기하여 탐색시간을 줄이는 기법 조건이 맞지 않을 경우 제외하기 때문에 완전탐색보다 효율적이다. 조건이 맞지 않은 경우, 이전 과정으로 돌아가야 하기 때문에, 재귀를 자주 사용한다. 조건에 대한 설계를 잘하는 것이 중요하다. 1-1. 백트래킹 과정 노드의 유망성을 점검 유망하지 않다면 배제 배제하기 이전 부모노드로 이동하여 다른 손자 노드 탐색 (배제를 하였다면 불필요한 부분은 다시 돌아가지 않는다) 1-2 백트래킹 문제 특징 주로 재귀 함수로 구현하기에 주어지는 N의 크기가 적다 이전 과정으로 탐색이 필요한 경우 주로 Check 배열을 많이 사용한다. Todo List todo list를 만들 때 실수가 많이 나는 부분 ..

좋은 코드를 작성하는 방법 다독 가독성 좋은 코드를 작성하려면, 좋은 코드를 많이 봐야한다. 안좋은 코드를 본다 할지라도 반면교사를 할 수 있기 때문에, 나쁜 코드를 보는것도 좋다. 변수명 잘 짓기 함수는 명령형, 동사를 이용하여 짓는다 변수 boolean는, isXX와 같이 짓는다. 일반 적인 변수는 명사로 짓는다 만일, 함수이름을 짓기 어렵다면, 함수에 기능이 많거나 함수를 잘못생각한 것이다. 속도보다는 가독성 빈칸을 아끼는 것은 이미, 나중에 업로드 전에 줄여지는 과정을 하기에 빈칸을 아끼는 것이 좋다. 변수명이 길다고할지라도, 이도 글자수를 줄이는 과정을 나중에 가지니일단은 가독성을 줄일 수 있다 속도를 챙기는 것은 체감이 덜되니, 득보다 실이 많다는 것을 기억하자. 오늘 코드를 짤때 얻었던 팁 ..

47장 에러처리 47.1 에러 처리의 필요성 에러가 생기지 않을 수 없기 떄문에, try…catch 문을 사용해 발생한 에러에 적정하게 대응하면 프로그램이 강제 종료되지 않고 코드를 계속 실행시킬 수 있다. 예외적인 상황에 적절하게 대응하지 않으면 에러로 이어질 가능성이 크다. 단축평가 혹은 옵셔닝 체이닝 연산자를 사용하지 않으면 에러로 이어질 가능성이 크다. 47.2 try…catch…finally 문 catch문이 없는 try 문은 의미가 없기 떄문에 생략하지 않는다. try catch finlly문으로 에러를 처리하면 프로그램이 강제로 종료되지 않는다. 47.3 Error 객체 Error 객체는 mesage프로퍼티와 stack 프로퍼티를 갖는다 message는 Error 생성자 함수에 인수로전달하는..