# 프론트엔드 개발자

25개의 포스트
post-thumbnail

연산자와 타입변환

아래 내용은 학원 수업과 "모던자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 프로그래밍에서는 수학에서 사용하는 산술연산자 외에도 여러가지 연산자들이 존재하고, 연산자가 연산을 수행하는 대상을 피연산자라고 한다. 이 때 피연산자는 값으로 평가

2021년 4월 8일
·
0개의 댓글
post-thumbnail

데이터 타입

아래 내용은 학원 수업과 "모던자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 자바스크립트의 데이터 타입 : 자바스크립트에는 7가지 데이터 타입이 있다. 데이터 타입은 크게 원시타입과 객체 타입으로 나눌 수 있으며, 이 타입에 따라서도 다른

2021년 4월 7일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자 지망생의 패스트 캠퍼스 초격차 패키지 후기 #5

프론트엔드 개발자 지망생의 프론트엔드 프로젝트 시작하기

2021년 3월 23일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자 지망생의 패스트 캠퍼스 초격차 패키지 후기 #3

프론트엔드 개발자 지망생의 프론트엔드 프로젝트 시작하기

2021년 3월 15일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자 지망생의 패스트 캠퍼스 초격차 패키지 후기 #2

프론트엔드 개발자 지망생의 프론트엔드 프로젝트 시작하기

2021년 3월 10일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자 지망생의 패스트 캠퍼스 초격차 패키지 후기 #1

프론트엔드 개발자 지망생의 프론트엔드 프로젝트 시작하기

2021년 3월 5일
·
0개의 댓글
post-thumbnail

변수

아래 내용은 학원 수업 및 온라인 강좌와 모던 자바스크립트 Deep Dive(이웅모 저)를 정리한 내용입니다. 변수 처음 자바스크립트를 공부하기 위해서 책을 펼쳤을 때 가장 먼저 나온 그것!! 바로 변수였다. 시중에 나와있는 책, 그리고 변수를 검색했을 때 가장 많

2021년 2월 25일
·
0개의 댓글
post-thumbnail

Git은 왜 필요한가? (feat. git 사용법)

Git? git이 왜 필요한지 알기 위해서는 먼저 git이 뭔지 알아야 한다. 하지만 자세한 설명은 정보의 바다인 인터넷에 조금만 찾아보면 워낙 잘 나와있을테니까 생략하고 간단하게만 알아보고자 한다. git은 분산 버전 관리 시스템을 말하는 것으로 소스코드를 쉽게 관

2021년 2월 15일
·
0개의 댓글
post-thumbnail

배경 이미지에 blur 처리를 하고 싶어요.

blur 효과 모바일이나 웹사이트를 이용하다 보면, 기존의 화면 위에 팝업창과 같은 보조 창이 뜨게 될 경우 뒷 화면이 블러 처리가 되는 경우나, 배경 이미지가 블러처리 되어 있는 경우가 있다. 이 부분은 어떻게 처리하는 것이 좋을까? 배경이미지의 경우 포토샵에서 블

2021년 2월 8일
·
0개의 댓글
post-thumbnail

보조기기 사용자들을 위해 접근성을 개선하고 싶어요.

접근성 HTML 문서를 작성하다보면 우리는 음성 보조기기 등을 사용하는 사용자들을 배려하기가 쉽지 않다. 내가 직접 겪은 문제가 아니기 때문에 필요성을 잘 느낄 수 없기 때문이다. 하지만 이런 문제는 반드시 해결되어야 하는 문제이다. 일반 사용자와 완전히 같은 페이지를

2021년 1월 26일
·
0개의 댓글
post-thumbnail

SEO (Search Engine Optimization : 검색엔진 최적화)

웹 사이트(혹은 웹 어플리케이션)을 만드는 이유는 뭘까? 일반적으로 내 제품을 홍보하거나 웹 사이트의 서비스 자체가 비즈니스이기 때문이다. 그렇다면 내 제품, 웹 사이트의 서비스를 효과적으로 홍보하기 위해서는 어떻게 해야할까? 요즘에는 검색이 워낙 활성화되어 있기 때문

2021년 1월 11일
·
0개의 댓글
post-thumbnail

시맨틱 웹 (Semantic Web)과 웹 접근성

웹 표준 웹 표준은 W3C에서 제정하고 있는 공식 표준기술을 얘기하는 것으로 점차 중요도가 높아지고 있다. 웹 접근성 최근 우리의 일상생활을 들여다보면 IT 기술이 사용되지 않는 곳이 없다고 봐도 무방할 정도로 많은 곳에서 다양한 IT기술들이 활용되고 있다. 하지만

2020년 12월 31일
·
0개의 댓글
post-thumbnail

전환효과 및 애니메이션

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Transitions (전환효과) (단축)속성의 시작과 끝을 지정하여 중간값을 애니메이션 위 코드는 순서대로 transition이 적용될 속성, 전환효과의 지속시간, 전환효과 타이밍 함수 이다.

2020년 12월 28일
·
0개의 댓글
post-thumbnail

CSS Grid

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. CSS Grid 2차원 행과 열의 레이아웃 시스템을 제공한다. (flex와 마찬가지로 container와 item으로 구성된다.) 배치와 정렬의 개념을 가질 수 있다. container |값|의

2020년 12월 24일
·
0개의 댓글
post-thumbnail

CSS flex

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. flex-box 수평, 수직 정렬과 관련된 속성 (container, item로 이루어짐) display: flex : container가 block (flex container로 정의함!) di

2020년 12월 21일
·
0개의 댓글
post-thumbnail

CSS background, font

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. background(단축) -color : 배경색상 지정 -image : 요소에 하나 이상의 이미지 (다중이미지: 먼저 작성된 이미지가 위에 쌓임, ie 이하 불가능)를 삽입 -repeat :

2020년 12월 11일
·
0개의 댓글
post-thumbnail

CSS Box Model

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Box 모델 css를 사용하여 브라우저의 화면을 구성하기 위해서는 box 모델을 이해하는 것이 매우 중요하다. css의 property중에는 html의 박스타입에 영향을 주는 property가 있

2020년 12월 9일
·
0개의 댓글
post-thumbnail

CSS 선택자와 상속

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. CSS selector 기본 선택자 * : (전체 선택자) 내부의 모든 요소를 선택 태그명 : (태그 선택자) 태그 이름을 선택자로 선택 .클래스이름 : (클래스 선택자) 클래스 이름을 선택자로

2020년 12월 7일
·
0개의 댓글
post-thumbnail

직접 경험하며 질문 받은 기술면접 질문 모음

해당 질문들은 제 이력서/포트폴리오를 기준으로 받은 기술면접 질문들입니다. 저는 풀스택 개발자로 프로젝트를 진행한 이력이 많았기에 백엔드 관련 질문들도 간간히 받았으니 백엔드 관련 질문들은 이정도로 나오구나 정도로 참고하시기 바랍니다. 프론트엔드 주니어 기술 면접 질

2020년 12월 6일
·
8개의 댓글