개발 공부 기록

1장. 자바스크립트 소개 - 1종 함수(first-class function)란, 함수의 인자나 함수의 반환 값으로 또 다른 함수를 사용할 수 있다는 개념 - 입출력을 비롯해 통신과 파일 저장, 그래픽 처리 등 복잡한 기능들은 자바스크립트를 내장하고 있는 호스트 환경에서 담당한다. (브라우저가 자바스크립트 엔진을 내장하고 있기 때문에 클라이언트 측 자바스크립트의 호스트 환경은 웹브라우저다.) - 표현식(expression)은 값으로 평가될 수 있는 구절을 말한다. - 함수는 객체의 프로퍼티로 할당될 수 있다. 이때, 프로퍼티로 할당된 함수를 "메서드"라고 한다. - this 키워드는 메서드가 정의된 객체 자신을 가리킨다. 2장. 어휘구조 - 리터럴(literal)은 프로그램에 직접 나타내는 데이터 값이다..

const obj = {"a" : 1, "b" : 2, "c" : 3}; const arr = Object.keys(obj).map(function (key) { return [String(key), obj[key]]; }); console.log(arr); // [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ] const obj = {"a" : 1, "b" : 2, "c" : 3}; const arr = Object.entries(obj); console.log(arr); // [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]

숫자를 문자로 변환 const a = String.fromCharCode(65); console.log(a); // A 문자를 숫자로 변환 const a = "A"; console.log(a.charCodeAt(0)); // 65

javascript로 코딩테스트를 풀기 위해서 배열의 초기화가 필요한 순간이 많다. 0 또는 0 ~ N-1로 배열을 초기화하는 방법들에 대해 정리해보기로 했다. 1. for 문 이용하기 const arr = []; for(let i = 0; i 0); console.log(arr); // [0, 0, 0, 0, 0] const arr = Array.from({length: 5}, (v, index) => index); // 이때 v는 undefined console.log(arr)..

부스트 캠프 멤버십의 주 활동 과정은 아래 세 가지와 같았다. 주된 활동을 기준으로 느낀 점을 간략하게 기록해보려고 한다. 1. 학습 스프린트 6주 6주 동안 총 3가지의 프로젝트를 진행했다. 각 프로젝트 당 1주일 백엔드 개발, 1주일 프론트엔드 개발을 진행하였다. 챌린지 과정에서 배우지 않았던 Express - Node.js 에 대한 학습을 진행하였다. 이외에도 OAuth, Webpack, Babel, pug ... 등 개발과 협업을 본격적으로 시작하기 전 웹 개발에 대한 기초를 다지는 시간을 가졌다. Express에 대한 경험과 지식이 없던 상태였기 때문에 Express을 익히는 것에 많은 비중을 두고 과정에 임하였다. 이전까지의 나는 웹 개발을 할 때 필요한 것이 생기면 그때그때 그 부분만 찾아보..

getElementById querySelector 해당 선택자에 맞는 element가 없다면 null을 반환 선택자에 맞는 element들 중 첫번째 것을 반환 querySlectorAll은 모든 element를 반환 해당 선택자에 맞는 것이 없다면 null을 반환 - 인접한 태그들끼리의 상대적인 위치를 비교하여 가져올 수 있음 처리 속도가 더 빠름 처리 속도가 더 느림 리턴값은 HTMLCollection name, id, index number로 HTMLCollection의 항목(itmes)들에 접근할 수 있음 리턴값은 NodeList index Number로만 NodeList의 항목(items)들에 접근할 수 있음 참고 whatabouthtml.com/difference-between-getelem..

상단바에 로그인 모달을 제작해서 클릭해서 모달에 올바른 정보를 입력하면 로그인이 되도록 설계하고 싶었다. res.send(``); 이를 위해 router의 코드를 아래와 같이 변경했다. res.send(``); history.go(-1)는 직전의 페이지로 돌아가는 것을 의미한다. 여기서 문제는 상단바의 모달 메뉴가 로그인을 했는데 로그아웃으로 바뀌지 않는다는 점이었다. 페이지를 다시 로딩할 필요가 있음을 알게 되었고 아래와 같이 수정해주었다. res.send(``); document.referrer는 직전의 주소를 알려준다. 직전의 주소로 페이지를 호출해주어 해결했다.

응답 메서드 종류 send 버퍼 데이터나 문자열 전송 HTML 코드 전송 JSON 데이터 전송 sendFile 파일을 응답으로 보내주는 메서드 json JSON 데이터를 보내줌 객체나 배열을 전송할 때 redirect 응답을 다른 라우터로 보냄 사용예시: 로그인 완료 후 다시 메인으로 돌아갈 때 render 뷰를 생성하고 HTML 응답을 전송 status 상태 코드를 결정 ... 등 하나의 요청에 대한 응답은 한 번만 보내야 하며 여러번 보낼 경우 에러가 발생한다. 참고 backback.tistory.com/341 uxicode.tistory.com/entry/%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4-%EC%9A%94%EC%B2%AD-%EC%9D%91%EB%8B%..