본문 바로가기

분류 전체보기179

[ 면접 준비 ] 프론트엔드 개발자 면접 준비 , HTML + CSS 안녕하세요!~ 오늘 프론트엔드 개발자로써 면접 준비 과정을 정리해 기록해봤습니다. DOCTYPE 이란 무엇인가요? Doctype (Document Type Declaration)은 "문서 현식 선언", 또는 doctype이란 문서의 유형을 정의하기 위해 사용하는 선언문입니다. 문서 타입 정의는 HTML5, XHTML, HTML의 세가지 문서 유형이 존재하며 웹 문서의 시작을 알려주며 태그보다 먼저 선언하며 DOCTYPE은 웹 브라우저에서 처리할 문서가 HTML이며 어떠한 버전으로 사용했으니, 해당 방식대로 해석하라는 의미를 갖습니다. 웹 브라우저에서는 문서 형식 선언이 없는 HTML 문서를 쿼크 모드로 렌더링하지만, 문서 형식 선언이 있는 HTML 문서를 표준 모드로 랜더링하기 때문에, 문서 형식 선언을.. 2023. 2. 20.
[ 면접 준비 ] 프론트엔드 면접 준비, 기술 면접 안녕하세요!~ 오늘 프론트엔드 개발자로써 채용 지원, 면접 준비 과정과 첫 면접 후기를 정리해 기록해봤습니다. 목자 1. 프론트엔드 개발자로 성장 과정 2. Argular , React , Vue 프레임워크 특징, 차이점 3. NEXT JS 기념, 사용하는 이유 4. Typescript 기념, 특징, 장단점 프론트엔드 분야로 취업 준비를 하면서 첫걸음은 대학교 3학년때 진행했던 팀프로젝트를 진행하면서 시작했습니다.우리 팀은 인터넷 속도 증가하고 보안을 향상시켜주는 VPN 서비스를 개발하게 되었고 벡엔드는 PHP, DB는 MySQL은 사용했으며 개인적으로 일반 HTML,CSS,JS을 사용해 사용자 UI 프론트엔드 개발 작업을 맡아서 개발했었습니다. 프론트엔드 분야는 계속 트렌드가 바꿔가지만 대표적으로 Re.. 2023. 2. 18.
[ ReactJS + Carousel ] 리액트 프로젝트에서 이미지 슬라이드 만들기 Carousel 이란? Carousel은 웹 페이지나 애플리케이션에서 이미지나 콘텐츠를 순환적으로 보여주는 슬라이드 쇼 형태의 컴포넌트입니다. Carousel은 사용자에게 다양한 콘텐츠를 시각적으로 전달하고, 사용자 상호작용을 통해 콘텐츠 간의 전환을 가능하게 합니다. Carousel은 여러 개의 슬라이드로 구성되어 있으며, 각 슬라이드에는 이미지, 텍스트, 버튼 등 다양한 콘텐츠를 포함할 수 있습니다. 일반적으로 좌우 화살표나 점(dot) 형태의 인디케이터를 사용하여 사용자가 슬라이드를 이동하거나 특정 슬라이드로 이동할 수 있도록 합니다. 프론트엔드 분야에서 자주 사용되는 Carousel은 다양한 기능과 설정을 제공하여 사용자 정의가 가능합니다. 몇 초마다 자동으로 슬라이드가 전환되도록 타이머를 설정하.. 2023. 2. 15.
[ VueJS + Portfolio ] 프로젝트 운영하면서 배운 꿀팁 정리 1.Firebase Config [ v8 version ] : 빠른 연동 import firebase from "firebase/compat/app"; import "firebase/compat/auth"; import "firebase/compat/firestore"; const firebaseConfig = { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "", appId: "", measurementId: "", }; const firebaseApp = firebase.initializeApp(firebaseConfig); const db = firebaseApp.fir.. 2023. 2. 14.

티스토리툴바