제로베이스 부트캠프

원래는 영상 편집자로 일을 했었다. 모션그래픽, 영상편집, 인포그래픽 등을 작업하면서 화면에서 실시간으로 만들어지는 그 일에 매력을 많이 느꼈었다. 부득이하게 영상업을 떠나 우연한 계기로 웹개발에 입문하게 되었을 때 프론트엔드도 화면에서 실시간으로 만들어지는 것을 보고

📝 개발 공부하면서 내가 생각한 프론트엔드 개발자의 역할은 UI/UX 디자이너들과의 협업으로 홈페이지에 화면을 만들게 되고 백엔드 개발자들과 소통하며 백엔드 개발자들이 만들어낸 로직, 혹은 연동할 수 있는 기술들을 담아주고 오류를 잡아내며 유저들에게는 어떠한 편리성을

회사를 몇번 다니면서 참 많은 일을 겪었었다 임금체불, 면접때와 입사하고서의 달라지는 약속,주말 출근, 할 일은 없지만 전철 끊기기 전까지 있다가는 야근, 피드백 해줄 사수 없이 업무까지..물론 영상업이기도 했고 불규칙한 점이 많았지만 이 정도 생활은 현타가 오기에는

시맨틱(semantic)이라는 '의미의', '의미론적인'라는 뜻을 가진 형용사이다. 직역하자면 시맨틱 태그는 의미가 있는 태그라는 말이 된다. <header> <footer> 같은 이 태그들은 이름으로 봤을 때 어떤 의미인지 직관적으로 알 수 있게 된다.

우선 나는 HTMl, CSS를 어느정도 배웠다. 하지만 그 지식들은 긴 슬럼프로 인해 머릿속에서 사라졌었고 다시 해보려고 포트폴리오를 제작하려고 했을 땐 수도 없이 헤메고 헤메고 다녔다. 이대로는 안되겠다 싶어 시작한 제로베이스 부트캠프는 학습 계획표를 주고 공부하세요

크로스브라우징이란?웹 페이지 제작 시 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업이다.HTML, CSS, Javascript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저, 기기에서 사이트가 의도된 대로 보여지고 작

웹 폰트는 웹 페이지에서 사용되는 폰트를 온라인상에서 다운로드하여 쓸 수 있는 기술이다. 이전은 사용자가 시스템에 설치되 있던 폰트만 사용할 수 있었다. 이러한 상황으로 다양한 선택지와 모든 사용자들이 일관되게 폰트를 볼 수 있는지에 대해 문제가 생겼다.이를 웹폰트를

HTML/CSS를 공부하면서 멘붕이 왔던 적이 너무 많았다. 알고 있던 개념조차도 헷갈리기 시작하고 생각보다 몰랐던 개념과 기초들이 너무 많아서 하면 할수록 무력감이 몰려오곤 했었다. 다만 몰랐던 부분들을 새로 깨닫고 이해하게 되면서 생기는 성취감은 이루 말할 수 없이

CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 준다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어진다.CSS 변형(2D transform)은 좌표공간을 변형함으

PC보다 스마트폰 등 다른 디바이스로 정보를 얻는게 많아짐으로 일반 웹보다 반응형 웹을 선호하기 시작했다. 반응형웹은 다양한 디바이스 화면 크기에 따라 변해 사용자의 편의성에 맞춘 웹이다.반응형 웹을 만들기 위해서는 필수적으로 미디어쿼리를 알아야한다주로 웹, 태블릿,

Flexbox Flexbox란 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 배치, 정렬, 분산할 수 있는 방법이다. > 복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다. Flexbox 대표적인 레이아웃 스크롤 없는 100%

우리는 보통 HTML에서 링크를 만들 때 a태그를 사용하여 href 속성에 주소를 넣어 사용한다.이때 새탭에서 열게하기 위해서 target='blank'라는 속성을 사용하는데 이렇게 사용할 때 보안에 취약점이 생기게 된다.그렇다면 blank를 사용할 때는 어떤 문제점들

계획한대로 흘러가지 않는구만....음 우선 2개월차부터는 JavaScript에 대한 과정이 시작되었다. HTML/CSS보다 미흡한 실력이 바로 JavaScript였다. 자고로 프론트엔드 개발자라면 JavaScript를 모르면 안된다는 말이 나를 계속 찔러왔지만 드디어

이번에는 class를 활용해 모듈화 하는 이유에 대해 알아보려고 한다. 그렇다면 우선 class가 무엇인지부터 알고 가야한다.Class는 객체지향 프로그래밍에서 객체를 생성하기 위한 일종의 설계도이다. 검색을 해봤을 때 다들 붕어빵과 붕어빵틀을 비유로 드는데 여기서 붕

한때 논란이 있었던 HTTPS 검열 사건...오늘은 HTTP, HTTPS에 대해서 알아보자!HTTP(Hypertext Transfer Protocol)는 클라이언트와 서버 간 통신을 위한 통신 규칙 세트 또는 프로토콜이다. 사용자가 웹 사이트를 방문하면 사용자 브라우저

우선 RESTful을 알아보기전에 REST를 알아보자.REST(Representational State Transfer)즉, 대표상태전송이라고 한다. 웹이 HTTP의 설계 상 우수성을 제대로 사용하지 못하고 있는 상황을 보고 웹의 장점을 최대한 활용할 수 있는 아키텍쳐