제로베이스 프론트엔드 스쿨
1.제로베이스 프론트엔드 스쿨에 참여하는 나의 다짐과 개발자가 되기로 결심한 이유, 그리고 앞으로의 학습계획
전문대 컴공 졸업생. 경기권에 있는 전문대에서 3년+1년(전공심화) 컴퓨터 공학을 전공했다. 많은 종류의 언어를 단 기간 내에 배우다 보니 배운 언어에 대한 지식이 발만 담군 수준에 그치고 다른 언어를 배우고를 반복하게 되었다. 이런 상태로 졸업 후 취업 시장에 던
2.내가 생각하는 프론트엔드 개발이란? 프론트엔드와 백엔드개발의 차이점
front-End는 직역하면 '전면'으로 직역할 수 있다. 소프트웨어에서 '전면'은 사용자와 맞닿는 부분이라고 할 수 있다. 쉽게 말해, 사용자가 볼 수 있고, 경험할 수 있는 부분에 해당한다.좀 더 어렵게 얘기해보자면 소프트웨어를 클라이언트-서버 측면에서 봤을 때,
3.HTML5 시맨틱 태그와 웹 표준을 지키는 이유를 알아보자
html을 공부하며 시맨틱 태그와 웹 표준에 관한 이야기를 몇 번씩 들었는데, 오늘 제대로 정리 해 보고자 한다.프로그래밍에서,시맨틱은 코드 조각의 의미를 나타냅니다 - mdn시맨틱(semantic)은 '의미의'라는 뜻이다. 즉, 시맨틱 태그는 의미가 있는 태그를 뜻한
4.[제로베이스] 프론트엔드 스쿨 1달차 지난 한달 회고
지난 한달 정신없이 새로운 것들을 경험하고 배우다보니 시간이 빠르게 흘렀던 것 같다
5.[제로베이스] 크로스브라우징에 대해
Cross Browsing이란 적어도 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹페이지를 제작하는 기법을 말하는 것이다.
6.[HTML/CSS] Font를 Preload하는 방법과 이유
Font preload는 웹 폰트를 미리 로드하는 방법이다. 이를 통해 웹 페이지의 성능을 향상시킬 수 있다.
7.[제로베이스] HTML/CSS 미션 회고
그렇게 고생했지만 재미있었던 나의 한달간에 html/css공부에 대해 적어보려고 한다.
8.[제로베이스] animation 최적화 기법에 대해
3D transform을 이용하면 3차원 공간에서 요소의 위치나 크기 및 회전을 조정할 수 있다.
9.[제로베이스] 반응형 작업 시에 미디어쿼리를 최소화로 잡는 방법
프론트엔드 개발자로서 반응형 디자인에서 미디어 쿼리를 최소화하기 위한 방법들
10.[HTML/CSS] Flex와 Grid
flex와 grid에 대해 알아보자
11.[HTML] rel속성 noopener, noreferrer, nofollow에 대해
noopener-noreferrer-nofollow에 대해 알아보자
12.[제로베이스] 제로베이스 프론트엔드 2개월 차 회고
막연하게만 느껴졌던 6개월간의 여정도 벌써 1/3이 지나간다.
13.[제로베이스] Class를 활용해서 모듈화
정확한 개념을 알고 넘어가기 위해 class부터 알아보겠다
14.브라우저 저장소 각각의 장점 - localStorage, SessionStorage, IndexedDB
브라우저 저장소들의 개념에 대해 정리 해 보았다.
15.[제로베이스] HTTP와 HTTPS의 개념과 차이점
HTTP와 HTTPS의 차이점
16.RESTful API에 대해
웹 개발에서 REST API는 클라이언트와 서버 간 통신을 원활하게 하는 중요한 역할을 한다.
17.[JS] Intersection Observer API로 Infinity Scroll(무한 스크롤) 구현해 보기
Intersection Observer API로 Infinity scroll 구현하기
18.[제로베이스] 팝업에 사용하는 WAI-ARIA aria-haspopup과 tabindex에 대해 알아보자.
wai-aria의 속성들을 이용해서 웹 접근성을 준수하는 팝업을 만들어보자.
19.[제로베이스] javscript를 지금까지 공부하고 느낀 점
javascript를 공부하며 느낀 점