component태그는 무언가 동적으로 바뀌는 부분이 있을때 사용하는 태그.예를 들어, !isMobile ? filterMenus : filterMenusM 와 같이 모바일일때 컴포넌트가 바뀌어야한다면 component태그를 사용해 표현해준다.forEach와 Map의

2021-08-18 React를 논할때 항상 비교대상이 되는 존재가 있다. 바로 Vue이다. React를 접할 때 Vue와는 무엇이 다르고 어떻게 다른지 비교하고 공부하게 된다. 그렇다면 이번에 React말고 Vue에 대해서 공부해보자. 1. Vue? Vue의 공식문서를 먼저 살펴보면 아래와 같이 정의되어있는 것을 볼 수 있다. > Vue(/vjuː/...

2021-07-04 이전 글에서 우리는 thread에 대해서 알아보았다. 잠깐, Thread를 remind해보자. Thread는 간단히 말해 Process내에 실행되는 실행단위이며, Process에게 Resource(code,data,heap)를 공유받고, 따로 stack을 할당받는다. Process 하나에 포함된 Thread들은 공동의 목적을 달성하려...

2021-06-30 학생때를 돌이켜보면, 시험기간에 항상 각 과목의 시험범위를 보며 한숨을 쉬곤했다. '뭐가 이리 많아-!!'라고 생각하면서 매번 시험기간에 툴툴거렸던 기억이 남아있다. 무언가를 공부하고 테스트를 할 때, 흔히 생각하는 범위. 그렇다면 자바스크립트에도 범위라는 개념이 있을까? Scope에 대해서 알아보자. 1. Scope 보아하니, ...

2021-06-27 Javascript는 Single Thread 언어라는 것은 대부분 알고 있는 사실일 것이다. 자바스크립트의 Main Thread인 Event Loop가 Single Thread 이기 때문인데 그렇다면 도대체 Thread는 무엇일까? 그전에 알아보았던 Process와도 관련이 많아보이고,,, 도대체 Thread가 무엇인지 알아보자! ...

2021-06-20 저번 포스팅 Interrupt에 이어서 Context Switching에 대해서 알아보자. 저번 포스팅에서 했던 Interrupt는 프로그램이 작동중에 예기치 않은 문제가 발생했을 때, 이 문제를 해결하고 원래 수행하던 프로그램을 다시 수행하도록 만드는 메커니즘이고, 그 과정에 대해서 알아보았다. 이번 포스팅은 Interrrupt와 짝...

2021-06-18 1. OSI 7계층의 이해 및 정의 OSI 7계층이라는 단어를 처음 들어보았다. 그래서 먼저 정의를 찾아보자. > OSI 모형(Open Systems Interconnection Reference Model)은 국제표준화기구(ISO)에서 개발한 모델로, 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것이다. 일반적...

2021-06-14 오늘은 랜더링에 대해서 알아보자! 1. Rendering 랜더링이 뭘까? 사전적 정의를 먼저 찾아보면, > 렌더링은 컴퓨터 프로그램을 사용하여 모델 또는 이들을 모아놓은 장면인 씬 파일(scene file)로부터 영상을 만들어내는 과정을 말한다. (출처:위키백과) > 좀 더 쉽게 말해보자면, 서버로부터 HTML로 입력받아 해석해서 ...

2021-06-12 저번 포스팅에서 우리는 컴퓨터 실행모음집인 Program과 컴퓨터를 조작하도록 언어를 사용해 코드를 만들고 이를 전달해주기 위해 프로그램 언어를 사용해 작업해주는 Programming 그리고 실행중인 프로그램인 Process와 그 구성과 관리까지 알아보았다. 하우에붤, 쓰니는 프로세스와 밀접한 Thread에 대해 공부하기 전, Int...

2021-06-10 자바스크립트에서 코드가 실행될때 어떻게 실행이 되는 것일까? 자바스크립트를 사용하면서 한번쯤 궁금했을 것이다. 한번 자바스크립트가 어떻게 돌아가는지, 거기에서 Event Loop은 어떤 역할을 하는지 구체적으로 알아보자. 1.Javascript Engine 자동차가 움직이려면 무엇이 필요할까? 너무 당연한 질문같겠지만, 당연히 기름...

2021-06-05 카공족이라는 단어를 모르는 사람은 없을 것이다. 카페공부족의 줄임말로써, 쓰니와 같이 카페에서 아메리카노 한잔과 함께 몇시간을 앉아 공부하는 사람들을 일컫는 말이다. 카공족들을 보면, 아주 흔하게 노트북을 사용하고 있는 것을 볼 수 있다. 컴퓨터는 이제 세상의 중심축과 같아서, 컴퓨터가 멈추는 순간, 전력망, 은행 등 모든 산업은 다 ...

2021-06-03 '프로그램에 대해 설명하세요' 이 질문을 받았을 때, 바로 대답이 나오는 사람은 없을 것이다. 어렴풋이 무엇인지는 알고 있는 것 같지만, '프로그램이 뭐지? 뭐라고 설명하지?' 라는 물음표가 더먼저 떠오르지 않을까싶다. 아마 프로그램이라하면, 컴퓨터 프로그램이 먼저 떠오를 것이다. 정확히 프로그램이 무엇인지 한번 알아보자. 1. Pr...

2021-06-01 막상 무엇에 대해 기술블로그를 시작해야할지 정하지 못해 이것저것 기웃거리다가 역시 뭐든 시작은 가장 근본부터 해야하지 않는가 라는 생각에 Data structure부터 찾아보자 생각했다. 물론 data structure에 대한 글이 나의 블로그에 있지만, reset하고 다시 시작한다는 마음으로 글을 적어본다. 1. Data Struct...

2021-05-25 코드, 면접문제중 아무거나 2문제씩 1. 3진법 뒤집기 문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 제한 조건 n은 1 이상 100,000,000 이하인 자연수입니다. 입출력 예 n result ...

2021-05-24 코드, 면접문제중 아무거나 2문제씩 1. 모의고사 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍...

2021-05-21 코드, 면접문제중 아무거나 2문제씩 1. x만큼 간격이 있는 n개의 숫자 문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 제한 조건 x는 -10000000...

2021-05-20 코드, 면접문제중 아무거나 2문제씩 1. 제일 작은 수 제거하기 문제 설명 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고,...

2021-05-18 코드, 면접문제중 아무거나 2문제씩 [Frontend Question] 1. Map/Reduce에 대해서 설명하세요 Answer. Map은 배열 안의 요소들이 callback함수를 실행한 결과를 새로운 배열로 반환해줍니다. 예를 들어 let arr = [1,2,3] 일때, arr.map(x ⇒ x\*2) 으로 arr 요소들에 각각...