# front end

493개의 포스트
post-thumbnail

[TIL] 2022.01.28

웹 프론트엔드 공부Omnifood Project - Setup and Desktop Version 마무리부모 element의 속성을 물려받기 : inherit웹 프론트엔드 공부Omnifood Project - Responsive Web Design

약 14시간 전
·
0개의 댓글

[HTML/ CSS] 1. 기초 지식 복습

※본 내용은 스파르타 코딩클럽 리액트 기초반의 내용이 포함되어 있습니다.※ **오늘은 React를 본격적으로 공부하기 전 앞서서 HTML과 CSS에 대한 기초 지식을 정리해보려고 합니다!🤗** 서버와 클라이언트 1.웹의 동작 개념:HTML을 받는 경우 웹페

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

[TIL] 2022.01.27

웹 프론트엔드 공부Omnifood Project - Setup and Desktop Version가격 카드 우측 상단에 리본 만들어보기::after overflow: hidden; position: absolute; transform: rotate(45%);:not()

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

[TIL] 2022.01.26

웹 프론트엔드 공부Omnifood Project - Setup and Desktop Version이미지에 CSS3에서 제공하는 여러 필터 효과 입히기 (filter 속성)링크 텍스트 컬러와 같은 컬러의 밑줄 생성하기 (밑줄은 border 사용) - currentColo

3일 전
·
0개의 댓글

jQuery

HTML 요소들을 조작하는 JavaScript 라이브러리미리 작성된 JavaScript 코드를 모아둔 것임포트: head 안에값을 가져오기를 원하는 태그에 id 부여특별한 형태의 문자열, 백틱 사용줄바꿈할 때 \\n 안 써도 됨문자열 중간에 다른 변수에 저장된 값 삽

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

[TIL] 2022.01.25

웹 프론트엔드 공부Omnifood Project - Setup and Desktop VersionResponsive Design을 위한 4가지Fluid Layouts : 웹페이지가 현재 화면 크기에 adaptive하게 표시되도록 하기 위해px 단위 대신 %, vh, v

4일 전
·
0개의 댓글

JavaScript

JavaScript > HTML 상에서 쓸 수 있는 프로그래밍 언어 alert > head 안에 script 태그 생성해서 그 안에 코드 작성 > 사용할 태그에 script 안에서 만든 함수 연결

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

Variable2

둘째 자식 박변수

6일 전
·
0개의 댓글

CSS

CSS Cascading Style Sheet 선택자(selector)

7일 전
·
0개의 댓글

HTML

Hypertext Markup Languagehead: 페이지의 속성 정보대표적인 요소들: meta, script, link, title 등body: 페이지의 내용대표적인 요소들: div, p, img부모(상위 요소)가 바뀌면 자식(하위 요소)도 변경됨Shift + A

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

[TIL] 2022.01.22

웹 프론트엔드 공부Components and Layout Patterns 마무리Omnifood Project - Setup and Desktop Version css를 활용한 웹페이지 layouting 실습vh (viewport height) 단위를 사용하면 브라우저

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

[TIL] 2022.01.21

웹 프론트엔드 공부Components and Layout Patterns 후반부CSS를 활용하여 Accordion component (접었다 폈다 할 수 있는 컴포넌트), Carousel component (슬라이더 컴포넌트), Table component 만들기Tar

2022년 1월 21일
·
0개의 댓글
post-thumbnail

[TIL] 2022.01.20

웹 프론트엔드 공부Web Design Rules and Framework 후반부Shadows, Border-radius, Whitespace, Visual Hierarchy rules for web design웹사이트 성격(personality)에 따른 framewor

2022년 1월 20일
·
0개의 댓글
post-thumbnail

Variable1

변수에 대한 설명을 두 번에 걸쳐 올려야 하는 좌절감을 표출하며 JS에서 변수 사용하는 법 알아보기.

2022년 1월 20일
·
0개의 댓글
post-thumbnail

WEB/Front-End에 도움되는 사이트 목록

부스트코스\_https://www.boostcourse.org/opencourse저작권 없는 이미지들\_https://unsplash.com/원하는 색 조합 찾기\_https://coolors.co/d2ab99-bdbea9-8db38b-568

2022년 1월 20일
·
0개의 댓글
post-thumbnail

[TIL] 2022.01.19

웹 프론트엔드 공부Web Design Rules and Framework 전반부사용자가 보기 좋은 웹페이지를 디자인하기 위해 사용되는 규칙들을 공부하였다.Typography, Colors, Images, Icons를 사용하여 보기 좋은 웹페이지를 디자인하는 방법들글꼴,

2022년 1월 19일
·
0개의 댓글
post-thumbnail

Hello World!

JavaScript에서 Hello World! 출력하고 async와 defer를 알아봄

2022년 1월 19일
·
0개의 댓글
post-thumbnail

React.js - JSX란?(정의, 장점, 문법, 특징 등)

이 시리즈는 리액트 공식문서 및 '리액트를 다루는 기술(김민준 저)', '리액트 교과서(아자트 마르단 저)'를 바탕으로 작성되었습니다. 개인 노션에만 정리한 내용을 옮기다 보니 저도 모르게 출처 없는 타 블로그 등의 글이 있을 수 있습니다. 혹 출처를 아시는 분들은 알

2022년 1월 19일
·
0개의 댓글
post-thumbnail

[TIL] 2022.01.17

웹 프론트엔드 공부Layouts: Floats, Flexbox, and CSS Grid FundamentalsFlexbox: 1-dimentional layoutCSS Grid: 2-dimentional layout세로(vertical) 정렬: align-items,

2022년 1월 17일
·
0개의 댓글
post-thumbnail

[TIL] 2022.01.16

JAVA 복습을 마쳤고 이제 학기중에 하다가 바빠서 잠시 중단했던 웹 프론트엔드 공부를 다시 시작하기로 계획하였다.공부에 참고할 강좌: Build Responsive Real-World Websites with HTML and CSSHTML, CSS 기초 복습 (HTM

2022년 1월 16일
·
0개의 댓글