동이의 개발일지

제가 회사 면접을 봤을 때 가장 난감했던 질문이 있었는데 간단한 거라면 간단한 것이지만, 저는 아직 많이 부족하기에 이 질문에 대해서 공부를 해본 적도 없었는데요... 질문은 "typescript에서 interface랑 type의 차이점은 무엇인지 아시나요?"라는 질문이 들어왔는데 저는 사실 잘 몰랐습니다...반성해야 하는 부분이죠... 그래서 오늘은 typescript에서 interface라 type의 공통점과 차이점에 대해서 알아보는 시간을 가질 것입니다. typescript에서 interface와 type은 값의 타입에 대한 구조를 정의하기 의해 사용하지만 약간의 차이가 있습니다.우리는 프로젝트를 진행하면서 프로젝트의 성격을 고려해 둘 중 원하는 자료형을 사용하면 됩니다. 사용하는 방식에 대해서 알..

1. Vue.js란?- Vue.js는 반응형 데이터 바인딩, 컴포넌트 기반 아키텍처, 그리고 선언형 렌더링을 제공하는 프레임워크 데이터를 변경되면 자동은 UI가 업데이트 되며, 이를 통해 개발자는 상태와 UI를 쉽게 관리 할 수 있음 2. Vue 컴포넌트 간의 데이터 전달 방법-총 3가지 있습니다.Props : 부모에서 자식으로 데이터를 전달이벤트 : 자식에서 부모로 이벤트를 발생시켜 데이터를 전달Vuex: 전역 상태 관리로, 여러 컴포넌트 간에 데이터를 공유 3. Vue의 라이프사이클 훅에 대해서 설명하시오.,a. created : 컴포넌트가 인스턴스화된 후 호출b. mounted : DOM에 컴포넌트가 삽인된 후 호출됩니다.c. updated : 데이터가 변경되어 컴포턴트가 다시 렌더링될 때 호출d...

1. js에서 var, let, const의 차이점은 무엇인가?- var, let, const의 3개의 키워드는 변수를 선언할 때 사용됩니다. 차이점으로 스코프와 재할당 기능의 여부를 말하는데 var는 함수 스코프, let과 const는 블록 스코프를 가지며, const는 재할당이 불가능합니다. 스코프는 변수에 접근할 수 있는 범위 2. 클로저란 무엇인가? - 클로저는 함수가 선언 될 때의 스코프를 기억하여, 그 스포크 밖에서 호출될 때에도 그 내부의 변수에 접근할 수 있는 개념  3. 호이스팅이란 - 변수와 함수 선언이 해당 코드가 실행되기 전에 상단으로 끌어올려지는 현상을 말하며, let과 const로 선언된 변수는 호이스팅 되지만 초기화되지 않아 사용할 수 없습니다. 4. 이벤트 루프는 무엇인가?-..

1. flex를 많이 사용하고 있는 flex를 많이 사용하고 있는 이유?- flex를 많이 사용하는 이유는 웹 레이아웃을 효율적으로 관리할 수 있기 때문입니다. flex는 그 외에도 요소를 유연하게 배치할 수 있고, 수평 주식 정렬을 간단하게 처리 가능하며, 요즘 웹 제작할 때 신경 써야 하는 반응형 디자인에 적합하여 다양한 화면 크기에서도 레이아웃을 유연하게 정리할 수 있습니다.  또한 중앙 정렬과 공간 분배가 쉬워 복잡한 레이아웃을 만들 때도 편리하며, 브라우저 호환성 또한 우수합니다. 2. css와 scss의 차이점- css는 기본 스타일시트 언어이고 scss sass는 css를 확장한 전처리기 언어로, 변수, 중첩, 조건문 등을 지원해 더 효율적으로 스타일 작성이 가능합니다. 3. css의 box..

1. meta 태그란 무엇인가?- meta태그란  부분에 위치하는 태그로, 페이지에 대한 메타데이터를 제공하는 역할을 합니다. 메타데이터는 검색엔진(seo) 페이지의 렌더링 방식, 그리고 브라우저 동작 등에 영향을 미칩니다. meta태그는 사용자가 직접 페이지에서 보지 못하는 정보를 담고 있지만, 웹 사이트의 성능과 seo 중요한 역할을 합니다. 여기서 추가 질문 검색 엔진 최적화(seo)란 무엇인가?search engine optimization의 약자로 구글과 네이버와 같은 사이트에 검색엔진에 친화적인 사이트를 구축하여 광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을 극대화는 작업을 말합니다. 2. html과 xhtml의 차이- html은 유연한 문법을 허용하는 반면, xhtml은 XML문법..

" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 리덕스는 리액트의 상태관리를 효율적으로 도와주는 도구이다. 리덕스는 왜 필요한가? 리액트를 사용하면서, 상태 관리를 하는 것은 매우 중요 요소 중 하나입니다. 리액트로 만들 수 있는 단일 페이지 애플래케이션은 데이터 혹은 유아이의 변화가 복잡해지거나 다양해지는 경우가 많아 그에 따른 데이터 교류가 복잡해지기 때문에 관리할 방법이 필요합니다. 리덕스는 이러한 리액트의 복잡한 상태 관리를 편리하게 만들어 줄 수 있는 도구입니다. 간단하게 이야기하면 우리는 리액트는 컴포넌트를 기반으로 하는 특징을 갖고 있어 우리는 개발을 할 때 하나의 페이지도 여러 컴포넌트로 나눠서 개발을 하게 될 것입니다. 그렇게 된다면 부모 컴포넌트와 여러 자식..

우리는 코드를 작성하다 보면 꼬일 때가 아주 많죠? scss에서나 css나! important 쓰면  더 꼬이게 됩니다.. 함수에서도 도 마찬가지고 웹 개발자다 보니 시맨티태그에 대한 이해도가 부족했을 때는 대환장파티였죠...  오래간만에 예전 프로젝트를 까서 봤는데 와... 이건 찐 스파게티 코드다....  하면서 닫았던 기억이 있죠..으 스파게티 코드 개 싫어..  클린 코드는 소프트웨어 개발에서 사용되는 개념으로 읽기 쉽고 가독성이 좋은 코드를 작성하는 것을 말하는데 클린 코드는 프로그램의 동작을 보장하는 것뿐 아니라, 코드 자체가 가독성이 뛰어나고 유지 보수가 쉽도록 작성하는 것이 원칙입니다. 클린 코드가 중요한 이유는 개발자들에게 중요한 것은 뭘까요?바로 '돈' 과 '시간'입니다. 만약 스파게티..

1. 도메인에 google.com을 입력하면 어떤 일이 일어나는가? 도메인에 Google.com을 입력하면 해당 도메인에 네임을 DNS서버에서 검색합니다 도메인에 네임에 해당하는 ip를 찾으면 요청한 url과 함께 정보를 전달합니다. 브라우저에서 http프로토콜을 사용하여 요청메세지를 생성하고 tcp/ip를 사용하여 서버에 정보를 전달합니다 서버에서는 리스폰 메세지를 생성하여 다시 브라우저에 전송하고 전송받은 브라우저에서는 리스폰 메세지를 파싱하고 화면을 렌더링합니다. 2. URI와 URL의 차이점 URL은 URI의 일부분입니다. URI는 리소스를 식별하는 고유 주소를 말하고 url은 uri안에 있는 리소스의 위치를 정확히 지정하는 주소를 말합니다 3. 토큰을 사용하는 이유 토큰은 주로 인증과 권한 부여..

1.  프로그래밍은 무엇인가 우리가 컴퓨터를 이용하여 컴퓨터 언어로 어떠한 문제를 해결하기 위해 컴퓨터언어로 소프트웨어나 하드웨어 개발하는 것이 프로그래밍이라고 한다. 2. 시간복잡도 특정 문제를 해결하기 위해 알고리즘을 파악하고 해결하는데 걸리는 시간과 입력의 크기의 함수관계를 시간 복잡도라고 합니다. 3. 자기소개서 안녕하십니까 A회사 프론트엔드 개발을 지원한 임동균입니다.  저는 퀀텀서프주식회사라는 회사에서 1년간 소프트웨어 개발자로 근무하고 있습니다. ??대를 컴퓨터공학부 멀티미디어과를 전공하고 b회사에서 1년9개월간 실무경험을 쌓았으며, 이러한 경력을 바탕으로 A회사 에서 제 커리어를 더욱 발전시키고자 지원하게 되었습니다 A회사 는 기획 디자인 개발 유지보수까지 모든 것을 맡아 하는 회사에서 로..

1. 리액트란 무엇인가 (특징) - 페이스북에서 개발한 웹을 개발할 때 사용하는 프레임워크로 자바스크립트 라이브러리의 하나입니다. 리액트의 특징으로는 단방향성 데이터 흐름을 갖고 있는 것과 가상 돔을 사용하여 메모리를 효율적으로 사용하고 가독성과 유지보수가 용이하며 컴포넌트 기반으로 이루어져 있어 코드의 수정이 쉽습니다 그리고 JSX문법을 사용하고 Props와 State를 사용하는 특징을 갖고 있습니다.   2 .리액트의 장점 - 리액트의 장점으로는 컴포넌트를 기반하기 하여 개발을 하기 때문에 코드의 가독성과 유지보수가 쉬우며, 가상돔을 사용하여 개발하기 때문에 리렌더링이 적어 메모리 부분에서 장점이 있습니다. 가장 큰 장점이라고 생각하는 것은 리액트를 사용하는 개발자들이 많기 때문에 앵귤러와 뷰와는 다..