전체 글
-
단순로직 테스트.카테고리 없음 2019. 12. 4. 00:05
function isValidByArray(arg) { if (arg instanceof Array) { if (arg.filter(e => typeof e !== "number").length === 0) { return true; } } return false; } function setSymbol(num, sym) { if (typeof num !== "number") { throw new Error("Parameters is wrong."); } let strNum = String(num); let strFraction = ""; if (strNum.indexOf(".") !== -1) { // 소수점인 경우. const splitNum = strNum.split("."); strNum = spl..
-
React.js v16.x 라이프 사이클에 대해서(기본만.)물망초. 2019. 11. 21. 15:37
최근 면접 질문에서 해당 질문이 있었는데... React.js 경험이 있으시다고 들었습니다. Lifecycle에 대해서 알려주시겠어요? 듣고 답변하려고 보니; 머릿속에 떠오르는 게 웬걸... v13.x 라이프사이클이 떠오르는 게 아닌가... 멘붕.. 아.. constructor 호출 후에 componentWill .. 아니 getDerivedStateFromProps.. 어 그러니까 여기서 또... render가.. 하고 답변해서 보기 좋게.. 하하하 경험은 각설하고 왜 물망초에 남기는지는 기억하기 위해서입니다. 기준 : React.js v16.x ( 라이프사이클 순서는 위에서 아래로입니다.) Mount 시점(초기 컴포넌트 마운트 과정) constructor getDerivedStateFromProps ..
-
최근 면접을 보면서 느낀 점.물망초. 2019. 11. 10. 13:10
최근에 면접을 볼 기회가 생겨서 몇 군데 면접을 보면서 느낀 점을 간략하게 남겨두고, 계속 기억하기 위해 글을 남깁니다. 기본적으로 자신이 잘해야하는 HTML, CSS, Javascript 는 정말 잘해야죠. : ) 하.. 정말 이 말씀이 가슴깊이 와 닿았어요. "너 정말 노력해야 해!." 이 말씀을 해주시는 것 같아서 면접관님께 너무 감사한 마음이 들었어요. 다시 깨닫는 계기가 되었거든요. 면접을 보시고 면접을 보고 난 후 다시 한번 돌아보는 계기를 가지고 거기서 또 배워나갔으면 좋겠다. 면접을 보고 문제를 정리하고 답에 대해서 고민은 했지만 깊게 생각하지 못한 제 자신이 너무 부족했다. 생각했습니다. 이번 면접을 보고 부족한 점에 대해서 기입해봤습니다. 그리고 하나하나 다시 공부하고 있어요. 호이 스..
-
[ES6] const ? 불변아니였어?Eureka! 2019. 10. 31. 16:53
제목이 조금 그렇죠? ES6에 들어와서 const에 대해서 왜 const로 선언된 배열이나 객체는 내부 값이 변경 가능한가? 라고 생각했던 적이 있어서 글을 써봅니다. 아래 코드를 보시죠 : ) const qux = 3; qux; // 3 qux = 5; // Uncaught TypeError: Assignment to constant variable. const baz = 'Hello!'; baz; // "Hello" baz = 'Hi!'; // Uncaught TypeError: Assignment to constant variable. (*역시 const인가 좋아!) const foo = { name : 'foo', age: 23 }; console.log..
-
Primitive Types33-js-concepts 2019. 10. 30. 13:10
내일 면접이 있지만 ㅠ.. (어차피 글 안써도 이직 첫 면접이라 망할거 같습니다...) 오늘은 해당 카테고리의 글을 쓰는 날이구요! 원시자료형을 작성하는 날입니다!!!!! 와 너무 재밌다!!!!!!!(* 정말입니다!) 오늘도 머릿속에 지식을 넣고, 잠깐만 봐도 기억나기 위해 작성을 시작합니다. (*글의 내용은 다른 분들의 글을 보고 제가 읽기 편한 순서로 정리하거나, 이해한 부분에 한해서만 작성합니다.) 원시자료형의 종류 숫자(number) 문자열(string) 불린(boolean) null undefined Symbol(ES6) 원시자료형의 특징 1.원시자료형은 통상 리터럴로 작성하며, 다른 방식으로도 사용가능합니다! (* 리터럴(literal)이란 확실히 고정된 값을 의미하는 것이라 생각되며, 상수(..
-
Array 채우기와 랜덤 추출!Eureka! 2019. 10. 28. 22:37
ZeroCho님 강좌를 보다가 생각보다 괜찮은 것들 그리고 나중에 쓸만한 것이 있어서 글 남깁니다. 1. 1차원 배열을 만들고 값을 숫자로 채워 넣는 경우! // 배열 값 채우기! /* 1. Array()로 1차원 배열 생성 2. fill()로 undefined로 채움 3. map으로 갯수만큼 반복하면서 index를 이용해서 1부터 값 할당. */ let numArr = Array(45).fill().map((e, index) => index + 1); 2. 1차원 배열에 있는 값들 중에 원하는 갯수만큼 랜덤으로 추출하는 법 // 랜덤 번째 값을 원하는 갯수만큼 추출 /* 1. randomNums를 선언한다. ( 랜덤번째 값을 담을 배열 ) 2. while을 numArr.length 값을 비교하면서 수행..
-
Call Stack33-js-concepts 2019. 10. 28. 13:02
개인적으로 이해한 수준에서만 글을 남깁니다. 추후 더 많은 지식을 얻게 된다면 보충할 생각입니다. 이번 글에서는 비동기를 위한 이벤트 루프 및 web api, callback queue에 대한 설명은 제외하겠습니다. 사견은 되도록이면 (*)를 이용하여 작성하였습니다. 호출스택(Call Stack)이란? Javascript의 경우는 단일 스레드 엔진을 사용하므로 힙(메모리 할당 영역)과 호출 스택이 존재합니다. 호출스택은 기본적으로 LIFO(Last In First Out)로 후입선출과정을 거칩니다. 마지막에 들어간 함수가 먼저 실행되고 리턴됩니다. (*호출스택은 함수를 위해 존재한다 생각합니다. 결국 함수의 처리 순서를 결정하게 되는 것이니까요.) // 호출스택의 기본 동작을 보겠습니다. function..