본문 바로가기

분류 전체보기

(231)
OOP란 무엇인가? OOP 는 Object Oriented Programing의 준말이다. Object는 사전적인 의미에선 '대상'을 의미하는데, '변수'와 '함수' 를 그루핑한 그릇. 혹은 그 내부의 변수와 속성 메소드를 객체라 한다. 연관된 파일, 무엇을 그룹으로 하나하나 독립성을 가진다. ( 사전적인 의미대로의 각각 개인적인 사람, 책 독립적인 대상) 마치 시계의 여러가지 톱니바퀴가 여러가지의 부품과 유기적으로 서로 연결하여 작동이 되는 '시계' 가 되는것 처럼 우리도 '하나하나 독립겅을 가진 좋은 부품의 로직'을 만들어(Programing) 하는것이 목표라 할 수 있겠다 그러기 위한것으론, 다형성(Polymorphism) ,상속(Inheritance), Abstraction(추상화), Encapsulation(캡슐화..
프론트엔드 면접 질문 모음 설명 개발자 준비를 하면서, 면접에서 개별적으로 혹은 공통적으로 받았던 질문 리스트입니다. 주로 로켓펀치와 원티드를 통해 구직활동을 하였으며, 당연히 비율상 규모가 큰 기업 보다는 스타트업 위주로 면접이 진행되었습니다. 서류를 제출한 모든 기업으로부터 면접이 진행되지 않아, 질문 내용이 보편적이지 않을 수 있습니다. 자바스크립트를 활용한 웹 프론트엔드 직군 위주로 지원하였으며, 포트폴리오 제작시 Vue.js만을 사용하여, React.js 관련 질문은 받지 못하였습니다. 비전공자임을 감안한 질문 내용들이 있습니다. 질문 목록 개발 관련 질문 목록 브라우저의 렌더링 과정에 대해서 상세하게 설명해달라 OOP OOP에 특징에 대해 설명해달라(상속, 캡슐화 등등...) 현실에 상황을 예로 들어 OOP의 개념으로 ..
KH 정보교육학원 수료
Front-end 개발자 학습목록 Step 1 Git / GitHub ECMAScript2015(ES6) JavaScript의 동작원리 DOM API (Web API) and Concept NPM Webpack ( + babel ) HTML/CSS 기본 (아… 기본이 어디까지 일까요) CSS Media query Step 2 자료구조, 네트워크를 비롯한 CS 지식 ES5 Core Concept AJAX(Asynchronous JavaScript and XML) CORS 브라우저 동작 원리 (Critical Path) 웹 접근성 Step 3 CSS 방법론 서버 사이드 렌더링 / 클라이언트 사이드 렌더링 ( + SPA ) AMD, CommonJS 함수형 지식 Additional Step 기본적인(?) 백엔드 지식 View 라이브러리 (Rea..
Arrow Functions ES6 introduced arrow function syntax, a shorter way to write functions by using the special “fat arrow” () => notation. Arrow functions remove the need to type out the keyword function every time you need to create a function. Instead, you first include the parameters inside the ( ) and then add an arrow => that points to the function body surrounded in { } like this: const rectangleArea = (widt..
Return When a function is called, the computer will run through the function’s code and evaluate the result of calling the function. By default that resulting value is undefined. function rectangleArea(width, height) { let area = width * height; } console.log(rectangleArea(5, 7)) // Prints undefined In the code example, we defined our function to calculate the area of a width and height parameter. Then..
Parameters and Arguments some functions can take inputs and use the inputs to perform a task. When declaring a function, we can specify its parameters. Parameters allow functions to accept input(s) and perform a task using the input(s). We use parameters as placeholders for information that will be passed to the function when it is called. Let’s observe how to specify parameters in our function declaration: In the diagr..
Calling a Function a function declaration does not ask the code inside the function body to run, it just declares the existence of the function. The code inside a function body runs, or executes, only when the function is called. To call a function in your code, you type the function name followed by parentheses. This function call executes the function body, or all of the statements between the curly braces in th..