Bleeding edge

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 생성자 함수에 인수로전달하는..

CORS란 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다 window.location.hrefwindow객체의 location의 href를 들어가면, protocol, domain, port를 확인할 수 있다.이 세개가 모두 같을 때, 동일 출처란 이야기를 한다. 브라우저는 이 동일 출처 정책(Same-Origin Policy)라는 규칙을 가지고 있다.이 규칙은 브라우저를 거치지 않고 서버간 통신이아닌, 브라우저를 통해 서버에 요청을 할 때 적용된다. CORS 해결 방법 Access-Control-A..

45장 프로미스 전통적인 콜백은 가독성이 나쁘고, 비동기 처리 중 발생한 에러의 처치가 곤란하며, 여러개의 비동기 처리를 한번에 처리하는데도 한계가 있다. ⇒ 이를 개선하기위해 비동기 처리를 위한 프로미스를 도입했다. 45.1 비동기 처리를 위한 콜백 패턴의 단점 setTimeout 함수가 비동기함수인 이유는 콜백 함수의 호출이 비동기로 동작하기 때문이다. setTimeout 함수를 호출하면 콜백 함수를 호출 스케줄링 한다음 타이머 id를 반환하고 즉시 종류한다. setTimeout 함수의 콜백 함수에서 상위 스코프의 변수에 값을 할당해보자. setTimeout 함수는 생성된 타이머를 식별할 수 있는 고유한 타이머 id를 반환하므로 콜백 함수에서 값을 반환하는 것은 무의미하다. [ ] 비동기 함수인 이유..