# frontend

241개의 포스트

[2강] 첫걸음 - HTML

💡 HTML 문법 기본 형태 > 태그는 각자의 의미를 가지고 있으며 다음과 같은 형태를 가진다. 태그는 열리고 닫히는 태그 구조를 가지고 있으며 이는 한 쌍이다. 이 구조는 태그의 범위를 만들어 준다. 태그와 요소는 같지만 정확한 의미는 다르다. ※ 닫히는 태

약 13시간 전
·
0개의 댓글

💛[부스트코스_웹 UI 개발] 4. CSS 이해하기

CSS Cascading Style Sheets cascading : 연속적으로 계속되는 Style Sheets: 스타일 규칙을 정의하는것 css는 html을 꾸며주는 언어 html이 웹페이지의 정보를 표현, css는 html을 보기 좋게 디자인하는 표현용 언어 css

1일 전
·
0개의 댓글
post-thumbnail

이것저것 뚝딱뚝딱 만들 수 있는 프론트엔드 개발자가 되기 위해 취준생 START🌈

2020年 4月, 웹디자이너 & 퍼블리셔로 2년동안 다니던 회사를 퇴사했다.디자인 감각을 넓혔고, 혼자서 사내 사이트 리뉴얼도 해보았고 많은 것을 얻은 2년이였다.하지만 퍼블리셔에서 멈춰있기엔 아쉬웠고,어디서든 내가 필요한 사람이 되고싶고, 내 능력을 인정받는 회사로

3일 전
·
1개의 댓글

[1강] 첫걸음 - 개요

HTML CSS JS HTML > 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹 구조를 담당한다. CSS > 마크업 언어가 실제 표시되는 방법을 지정하여 콘텐츠 구조를 꾸며주는 정적 언어로 웹의 시각적인 표

5일 전
·
0개의 댓글

저장소 종류

Key-Value 저장소이다.key,value는 string타입만 지원함.최대 저장 용량은 5mb~10mb로 제한이됨.저장 기간 만료없이 계속 저장 할 수 있다.Key-Value 저장소이다.key,value는 string타입만 지원함.같은 페이지여도 다른 탭에 있으면

6일 전
·
0개의 댓글
post-thumbnail

웹 문서(HTML & CSS) 작성 사전준비

아래 내용은 학원 수업을 듣고 정리한 내용입니다. HTML 작성을 하려고 하면, 무엇부터 해야 할까? 어디서부터 시작해야할까? 시안 분석 디자인 된 파일을 HTML 파일로 만들기 위해서 제일 먼저 해야할 일은 무엇일까? 바로 시안을 분석하는 것이다. 시안을 분석하

6일 전
·
0개의 댓글
post-thumbnail

TS basic

TypeScript 또한 자바스크립트 대체 언어의 하나로써 자바스크립트(ES5)의 Superset(상위확장)이다. Chttps://s3-us-west-2.amazonaws.com/secure.notion-static.com/db79ad3a-6eb2-465f-9

6일 전
·
0개의 댓글

💛[부스트코스_웹 UI 개발] 3. 콘텐츠모델, 시멘틱마크업, 블록&인라인

콘텐츠모델 HTML5에서는 HTML 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙들 있음 이런 규칙들을 그룹화시켜놓은것이 콘텐츠 모델 총 7개 존재 각각의 HTML 요소는 하나 또는 여러개의 콘텐츠 모델에 속함 비슷한 성격의 요소들끼리 그룹화되어있음

2021년 1월 15일
·
0개의 댓글

💛[부스트코스_웹 UI 개발] 2. HTML 태그

html 버전이 업그레이드되면서 태그가 추가되기도 삭제되기도 함 현재 태그 갯수는 대략 100여개 넘음 대부분의 웹페이즈들은 실제 20~30여개의 태그만 사용한다 HTML elements reference HTML5 Doctor w3schools 태그 레퍼런스들 참조

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

[vue.js] 네비게이션 가드

네비게이션 가드를 통해 잘못된 페이지 이동 시 리다이렉트/취소하여 Nativation을 보호하기

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

[vue.js] 컴포넌트/엘리먼트 re-rendering 하는 법

Vue 프로젝트에서 HTML 엘리먼트를 re-rendering하는 방법

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

[vue.js] express로 backend 연동하기

express를 이용하여 Vue 프로젝트를 서버에 올릴 때 URI를 매칭하는 방법

2021년 1월 13일
·
0개의 댓글

💛[부스트코스_웹 UI 개발] 1. HTML 소개

HTML이란? > Hyper Text Markup Language 프로그래밍 언어 웹페이즈를 만들때 사용되는 언어 웹사이트들이 모두 html 언어를 이용해서 만들어짐 hyper text : 텍스트 그 이상, 텍스트를 초월하는 인터넷 탐색하다 보면 링크라고 부르는것들.

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

Vanilla JS

바닐라 자바스크립트는 브라우저를 통해 우리에게 제공된 JavaScript라고 보면된다.바닐라JS는 새로운 프레임워크 또는 라이브러리가 아닌 순수한 Javascript다.바닐라JS 공식사이트를 접속해서 다운받을 수 있다.하지만 정작 파일을 다운받으면 파일 사이즈가 0KB

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

Vue + Express 웹 사이트 만들기 (1) Initial setting

친구랑 같이 4주짜리 미니 해커톤을 진행하기로 했다.오랜만에 백엔드 작업을 하려니 왕 설레~우선 작은 규모의 프로젝트이니만큼 하나의 repo 에 client와 server 소스를 함께 두어 관리 포인트를 줄이기로 했다. github 에서 boilerplate 찾기👉

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

[ TIL ] Ajax와 Promise의 차이?

Javascript에서의 비동기 통신을 부르는 용어는?! Ajax와 promise의 차이는?!

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

[vue.js] cdn CSS 파일 추가하기

Vue 프로젝트 내에 cdn CSS 파일을 추가하는 방법

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

[vue.js] Github Pages로 배포하기

Vue로 제작한 정적 홈페이지를 Github Pages를 통해 배포하는 방법

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

[React] 컴포넌트 스타일링 styled-components

TIL 2021.01.11 styled-components: CSS in JS 리액트 컴포넌트 스타일링 방식

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