# 프론트엔드

94개의 포스트
post-thumbnail

#1. 다시 배우는 HTML 정리

생활코딩의 HTML, CSS, JavaScript를 정주행하며 자기소개 페이지 만들기 작업도 했지만, 개념들이 정리되지 않아서 MDN을 참조하여 내용을 정리하겠습니다.. 웹개발을 처음 접하시는 분들보다는 개념정리 하려는 분들이 보시기에 더 좋을 것 같습니다.Hypert

약 7시간 전
·
0개의 댓글
post-thumbnail

🖥 컴공 석사생이 스타트업에 가기 전까지 - (2)

27살 나이에 직장인에서 취준생이 되었다.금요일에 퇴사한 후 월요일부터 HTML5, CSS3, JavaScript 등 웹을 다시 공부했다. 8개월 동안 DB만 다루다 보니 웹을 거의 잊어버렸다. 그래서 퇴사하기 전부터 계획을 세웠고 기초적인 부분들을 공부한 뒤 개인 프

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

🖥 컴공 석사생이 스타트업에 가기 전까지 - (1)

먼저 저를 소개하자면, 국내 컴퓨터공학 학부와 석사를 졸업하고 현재 스타트업 프론트엔드 개발자로 근무 중이에요.벨로그를 시작한 이유는 저에 대한 이야기를 많은 사람들에게 공유하고 제 글을 통해 지친 일상 속에서 조금이나마 힐링할 수 있는 시간이 되셨으면 좋겠다는 생각에

2020년 9월 15일
·
2개의 댓글
post-thumbnail

프로그래머스 프론트엔드 데브매칭(하반기) 결과

8월 22일에 시험을 친 프로그래머스 프론트엔드 데브매칭 결과가 나왔다. 해당 시험의 내용은 상반기 시험의 연장선 같은 느낌으로 출제되었다. 그전 내용을 개선하는 내용 위주였던 것 같다. 이번 시험은 저번 시험보다 css 적으로 요구하는 사람이 적어서 좀 더 쉬운 느낌

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

FrontEnd Developer Roadmap

프론트엔드 개발 로드맵을 따라 학습해야할 기술들과 중요 개념들을 포스팅하려 합니다. 로드맵 분량이 만만치 않기도 하고 뒷심이 부족한 성격 덕에 포스팅을 끝까지 할 수 있을지 모르겠지만 시작은 기운차게 해보겠습니다.

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

React스터디_라우터로 SPA 개발하기

SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어입니다.말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미입니다.

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

우아한 테크러닝 React&Typescript 2회차

2020.09.03 Thursday JavaScript 맛보기 1. JavaScript 변수 선언 JavaScript 에서는 var,let,const 세 가지로 선언할 수 있다. > 혼자 정리하는 이론 var는 함수를 단위로 범위(스코프)를 갖는다. 함수 범위

2020년 9월 6일
·
4개의 댓글
post-thumbnail

우아한 테크러닝 React&Typescript 1회차

2020.09.01 Tuesday이 수업을 신청한 대부분 사람들의 고민이다.혼자 개발하면서 동작은 잘 되지만 이게 맞는 건지 의구심이 드는 사람은 이번 기회를 통해서 네트워킹을 하면서 여러 조언들을 얻고 싶다고 했다.소프트웨어 아키텍처, 코드 품질, 코드 스타일 또한

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

프론트엔드 개발자라면 알아야 할 이론

WWW 란 ? HTTP HTTP Status Code, REST API HTML, CSS DOM 브라우저 동작 방법 SSR, CSR javascript event loop babel, webpack 의 탄생 및 개요

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

웹 개발의 영역

⚠️ 주의! 웹 개발에 입문하는 사람 혹은 어떤 분야를 선택해야할지 모르겠는 사람이 주 대상입니다.

2020년 8월 29일
·
3개의 댓글
post-thumbnail

JS스럽게 좋은 코드 쓰기 꿀팁

자동차를 나타내는 객체를 만들었다. driving이라는 함수를 만들어 자동차의 이름은 무엇이고 몇 초만에 최고 속도 몇까지 올라가지는 나타내도록 해보자.car 객체를 매개변수로 받아서 diving1 함수에서 name, zeroBack, maximumSpeed를 활용하고

2020년 8월 28일
·
14개의 댓글
post-thumbnail

BOM과 DOM

BOM DOM이미지 출처브라우저 전체를 담당하는 전역 객체이다.브라우저의 창이나 프레임을 프로그래밍적으로 제어할 수 있게 해주는 객체모델이다. 공식 표준은 아니지만 브라우저 대부분이 자바스크립트와의 상호작용에 있어서 비슷한 메소드와 속성으로 동작하기에 이와 같은 메소드

2020년 8월 27일
·
0개의 댓글
post-thumbnail

자바스크립트 엔진이 코드를 실행하는 과정

웹 브라우저에서 자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 브라우저들은 각기 다른 종류의 자바스크립트 엔진을 내장하고 있다. 엔진의 종류는 다르지만 기본적인 원리는 동일하기 때문에 알아두는 것이 좋다.자바스크립트 엔진 실행과정소스코드를 만나면 파싱하여

2020년 8월 26일
·
0개의 댓글
post-thumbnail

프론트 개발에 필요한 기술과 로드맵

*이 글은 [poiemaweb님 유튜브]를 참고하여 정리한 글이며, 순서는 [devJang님의 developer-roadmap]을 기준으로 공부하고자 한다.

2020년 8월 26일
·
0개의 댓글
post-thumbnail

웹 프론트엔드 개발 로드맵👑

주말에 프론트엔드 과제 테스트를 보면서 그동안 프레임워크에만 연연하고 기초를 더 깊이 있게 공부하지 않은 점에 대해 반성하게 되었다.그러던 중 "웹 프론트엔드 개발 로드맵"을 발견했고 내가 어느 부분이 부족하고 더 공부해야할지를 파악할 수 있게 되었다.자바스크립트에서

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

프론트엔드 면접 질문 정리 [JS #2 CommonJS & AMD]

commonJS & AMD는 js 애플리케이션에서 어떻게 모듈과 dependency가 선언되는지를 정의하는 명세로,commonJS의 동기적 모듈 호출에 따르는 브라우저단의 모듈링에서의 이슈를 해결하기 위해 commonJS로부터 파생된 모듈 스펙이 AMD(병렬 모듈 호출

2020년 8월 23일
·
0개의 댓글

CSS #6 Flexible Box

플렉스 컨테이너를 정의플렉스 아이템들의 주 방향(main-axis)을 설정하며, 아이템들의 여러 줄 묶음(줄바꿈) 설정플렉스 아이템들의 주 방향(main-axis)을 설정row : 아이템들을 수평 방향으로 표시row-reverse : row의 수평 반대 방향column

2020년 8월 19일
·
0개의 댓글

CSS #5 transition, transform, animation

CSS 속성의 전환 효과를 지정transition-property : 전환 효과를 사용할 속성 이름을 설정transition-duration : 전환 효과의 지속시간을 설정transition-timing-function : 타이밍 함수 지정ease : 빠르게-느리게li

2020년 8월 19일
·
0개의 댓글