본문 바로가기

분류 전체보기69

웹 프론트엔드 개발자 면접 - Javascript (1) 웹 프론트엔드 개발자로서 면접을 볼 때 받게 될만한 기술 면접 질문리스트와 적절한 답변에 대해서 검색한 내용을 모두 취합하고 내용을 덧붙여서 포스팅을 작성해 보았습니다. * HTML, CSS, Javascript 카테고리로 나누어서 진행됩니다. (면접 질문과 그에 대한 답변을 얻은 곳의 출처는 하단에 표시하였습니다.) Javascript 1. AJAX (Asynchronous Javascript And XML) - 브라우저에서 페이지 이동 없이 Javascript를 통해 HTTP REQUEST를 보내고 그 응답을 받아 처리할 수 있는 기능, Javascript 를 통한 비동기 통신, 클라이언트 - 서버간 XML 데이터를 주고 받는 기술 장점 및 단점 - 상호 작용성이 좋아짐 - 서버에 대한 요청이 줄어듦.. 2020. 9. 24.
웹 프론트엔드 개발자 면접 - CSS 웹 프론트엔드 개발자로서 면접을 볼 때 받게 될만한 기술 면접 질문리스트와 적절한 답변에 대해서 검색한 내용을 모두 취합하고 내용을 덧붙여서 포스팅을 작성해 보았습니다. * HTML, CSS, Javascript 카테고리로 나누어서 진행됩니다. (면접 질문과 그에 대한 답변을 얻은 곳의 출처는 하단에 표시하였습니다.) CSS 1. 컨텐츠 숨기기 - display : none - visibility : hidden (영역 존재, 컨텐츠만 안보임) 2. 반응형 웹의 3요소 - @media 쿼리 - Fluid Grid (media 크기에 따라 div block 크기 변경) - Flexible Img 3. CSS selector 동작원리 - 브라우저가 HTML/CSS를 DOM 형식으로 변환시킴 - DOM에서 d.. 2020. 9. 21.
웹 프론트엔드 개발자 면접 질문 리스트 - HTML 웹 프론트엔드 개발자로 취직하기 위해서는 코딩테스트, 웹 과제, 토이 프로젝트 등을 통해 프로그램을 개발하고 시험을 준비하면서 기업이 필요로하는 능력을 키워야합니다. 하지만 개발을 통해서 멋진 포트폴리오를 만드는 것도 중요하지만 취업의 마지막 관문인 면접에서는 어떤 질문을 받게 될까요? 면접을 준비하는 입장으로서 저도 궁금합니다만... 그에 대한 대비를 위해 웹 프론트엔드 개발자로서 받게 될만한 기술 면접 질문리스트와 적절한 답변에 대해서 검색한 내용을 모두 취합하고 내용을 덧붙여서 포스팅을 작성해 보았습니다. * HTML, CSS, Javascript 카테고리로 나누어서 진행됩니다. (면접 질문과 그에 대한 답변을 얻은 곳의 출처는 하단에 표시하였습니다.) HTML 1. window 객체란 무엇인가요?.. 2020. 9. 20.
프로그래머스 징검다리 - 문제 설명 출발지점부터 distance 만큼 떨어진 도착지점이 있습니다. 그 사이에 바위 중 몇개를 제거했을 때 각 지점 사이의 거리의 최솟값 중에 가장 큰 값을 return 하도록 하는 solution 함수를 작성 - 입력 1) 출발지점부터 도착지점까지의 거리 (1 2020. 9. 17.
React 는 왜 프레임워크가 아니라 라이브러리일까? React에 관한 글을 작성하다가 React는 왜 라이브러리일까? 그리고 프레임워크와 라이브러리의 차이점은 무엇일까? 에 대한 해답을 얻기위해 포스팅을 작성하게 되었습니다. 1. React 는 프레임워크일까? 라이브러리일까? 그 답은 React 공식 홈페이지에서 얻을 수 있었습니다. - React 홈페이지 React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 2. 그렇다면 왜 React는 라이브리리일까? React가 라이브러리인 이유를 생각해 보기 전에 프레임워크와 라이브러리의 간단한 정의를 찾아보았습니다. 1) 프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 .. 2020. 9. 16.
웹 개발 시 React 를 선택해야하는 이유 ES6 문법을 익히고나서 React를 공부하기 위해 포스팅을 시작하게 되었습니다. 기본적인 React에 대한 설명과 앱을 설치하고 실행해보는 방법에 대해서 설명하도록 하겠습니다. 1. React 란? React는 페이스북에서 제공하는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. React 는 왜 프레임워크가 아니라 라이브러리일까? React 는 왜 프레임워크가 아니라 라이브러리일까? React에 관한 글을 작성하다가 React는 왜 라이브러리일까? 그리고 프레임워크와 라이브러리의 차이점은 무엇일까? 에 대한 해답을 얻기위해 포스팅을 작성하게 되었습니다. 1. React 는 프레임워크 canoe726.tistory.com 2. 그렇다면 React 왜 써야 할까? React를 사용해 .. 2020. 9. 15.
웹 성능 향상을 위한 Throttle과 Debounce 개념부터 활용까지 저는 Javascript 웹 페이지 제작을 하면서 성능 향상을 위해 쓰로틀(Throttle)과 디바운스(Debounce) 기능이라는 것을 알게 되었습니다. 그에 대한 이해를 더욱 깊이있게 하고 배운 것을 공유하기 위해 포스팅 하게되었습니다. 두 가지 기능에 대한 개념부터 활용까지 한 번 알아보겠습니다. 1. 둘의 개념과 사용법은? 1) Throttle 이란? - 개념 : 여러 호출이 발생할 때 일정 시간이 지나기 전에는 기능이 호출 되지 않도록 하는 기능 - 사용예 : 무한 스크롤을 사용한 LazyLoading 기능을 구현할 때 사용, 스크롤로 인한 성능 저하 방지 Throttle을 적용하지 않으면 스크롤이 조금 움직일 때 마다 기능을 계속 호출하게 된다. 스크롤 이동시 많은 기능이 로드되어야 한다면 부.. 2020. 9. 7.
프로그래머스 섬 연결하기 - 문제 설명 n개의 섬 사이에 다리를 건설하는 비용이 주어질 때 모든 섬이 서로 통행 가능하도록 만들 때 필요한 최소 비용을 return 하도록 하는 solution 작성 - 입력 1) 섬의 개수 n (1 사용언어 : C++ > 에디터 : Visual Studio 2017 > 궁금한점은 댓글로 남겨주세요 - 참고 1) gmlwjd9405.github.io/2018/08/29/algorithm-kruskal-mst.html 2) gmlwjd9405.github.io/2018/08/31/algorithm-union-find.html 2020. 9. 6.
프로그래머스 순위 - 문제 설명 n명의 권투선수의 1:1 경기 기록을 가지고 있을 때, 주어진 경기기록을 가지고 정확한 순위를 매길 수 있는 권투선수의 수를 return 하는 solution 함수 작성 - 입력 1) 선수의 수 : 1 2020. 9. 3.

티스토리툴바