# @media

46개의 포스트
post-thumbnail

[Scribus 사용기 02] 레이어 나누어 텍스트 작업

Scribus Tutorial을 통해 공부한 흔적, 그 2번째. 레이어와 텍스트 프레임.

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

Team project_02-7

플렉스박스는 사용자 인터페이스 디자인에 최적화된 레이아웃을 정의하는 CSS.이미지, 텍스트 같은 요소를 원하는 곳에 배치하는 데 사용합니다. 인라인이 단순히 여백을 없애는 데 사용한다면, 플렉스박스는 여백을 없앨 뿐만 아니라 축을 변경한다든지, 자식 간의 정렬을 가운데

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[GIMP 사용기 02] 직선 그리기

GIMP 사용자 설명서를 통해 공부한 흔적, 그 2번째. 직선 그리기와 몇 가지 예제들.

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

미디어쿼리 (반응형)

다양한 전자기기가 등장하면서 각각의 화면 크기에 맞는 웹 페이지를 위해 반응형 웹이 등장하게 됐다.유지보수에 효율적검색엔진 최적화에 유리하나의 URL을 기반하여 사용자 접속 효율적을 관리 가능사이트 속도 저하로딩 속도, 이미지 리사이징 문제로 성늘 저하될 수 있고, 사

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

[Scribus 사용기 01] 표지

Scribus Tutorial을 통해 공부한 흔적, 그 1번째. 배경 삽입부터 텍스트를 올릴 밴드 생성까지.

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

HTML/CSS 심화 1 : 브라우저, 반응형 웹

웹 브라우저의 동작원리, 구조, 렌저링 과정에 대한 설명과 반응형 웹 구현을 위한 미디어쿼리 사용법

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

[Inkscape 사용기 00] 시작하기

Inkscape Tutorials을 통해 공부한 흔적, 그 0번째. 설치부터 몇 가지 기본 기능까지.

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

[GIMP 사용기 01] 자주 하는 간단한 편집 작업

GIMP 사용자 설명서를 통해 공부한 흔적, 그 1번째. 자주 사용하게 되는 간단한 편집 작업 몇 가지.

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

[Django] 비 SPA 방식으로 장고 Forms/Views를 적극 활용한 인스타그램 St 만들기#1_프로젝트 생성 및 초기 프로젝트 환경설정

1) > static, media 파일을 정적 파일이라하며 데이터가 가공돼서 보여지는 동적 파일과 달리, 미리 저장되어 있어서 페이지가 렌더링될 때 제공된다. >> static은 이미지,css,js 개발자가 심어둔 파일로 같이 식당의 기본 세팅과 같고, media는 model의 파일 필드나 이미지 필드를 통해 저장된 파일, 즉 사용자가 업로드할 수 있는 파...

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

[kdenlive 사용기 01] 타임라인

Kdenlive Manual을 통해 공부한 흔적, 그 1번째. 타임라인 다루기 및 렌더링.

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

[GIMP 사용기 00] 시작하기

GIMP 사용자 설명서를 통해 공부한 흔적, 그 0번째. 설치부터 인터페이스, 실행 취소에 대한 이야기까지.

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

@media , Responsive Design

Responsive Design 반응형 웹 디자인(Responsive Design)이란 웹 디자인 기법 중 하나로, 하나의 웹사이트에서 PC, 스마트폰, 태블릿 등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 의미한다. 이를 사용할 때, 미디어 쿼리를 이용해 사용할 수 있다. > @media @media...

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

반응형 웹 (@media, Responsive Design)

데스크톱 뿐만아니라 모바일, 태블릿, 등 모바일 기기의 이용이 늘어남에 따라 소비자(이용자)들은 데스크톱이 아닌 환경에서도 서비스를 제공받기를 원한다. 데스크톱에 비해 태블릿, 모바일 환경은 이용자의 눈에 들어오는 영역이 좁기 때문에 (데스크톱의 모니터 환경과 다르기

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

@media , Responsive Design

사이트는 크게 반응형 사이트와 적응형 사이트 두가지로 나뉘게 된다.적응형 사이트의 대표적인 예로는 네이버가 있다.크기를 줄였을 때 사이즈가 같이 줄어들지 않고 덮이는 것을 적응형사이트라고 한다.반면에 배달에 민족같이 크기에 따라 이미지도 줄어드는것을 반응형 사이트라고

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

코드캠프 FE 32일차 - TIL(Memoization, @Media)

📔 학습목표 메모 >> Memoization 반응형 >> @Media 접속방법 Memoization : 따로 기록해두고 기록해둔거 가져다 쓸거야~ render시 , 변수가 새로 만들어지는 상황 함수가 새로 만들어지는 상황 부모가 리렌더시, 자식도 리렌더되는

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

Day-32 Memoization, @Media

특정 페이지의 state가 변할때 그 안의 모든 컴포넌트들이 아래와 같이 전부 다시 그려지는 매우 불필요한 과정이 생기기 때문에 이를 방지하기 위해 memoization을 사용한다.부모가 리렌더시 자식도 리렌더되는 상황리렌더시 변수가 새로 만들어지는 상황함수가 새로 만

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

6월 22일

rerender 시, 변수가 새로 만들어지는 상황함수가 새로 만들어지는 상황부모가 리렌더 시, 자식도 리렌더 되는 상황state가 변경될때마다 처음부터 다시 렌더링 되어서 처음에 써놓은 "컨테이너가 렌더링 됩니다"가 계속 찍히고 있음또한 state가 변경될때 다시 렌더

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

[Scribus 사용기 00] 시작하기

이 시리즈는 Scribus Tutorial을 통해 공부한 흔적, 그 0번째. 설치부터 문서 생성까지.

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

32) Mymemory... mymelody

Algorithm Self Study, Responsive design, @media, Weekly Algorithm Test, Algorithm Class, self Study

2022년 6월 22일
·
1개의 댓글
·
post-thumbnail

[Django] 장고 Models를 활용한 데이터베이스 처리#3_장고가 media 파일을 다루는 방법

1) > 장고에서 모델의 FileField/ImageField를 이용해 저장한 모든 파일을 media 파일이라고 한다. css, js 등 개발 리소스로서 우리가 흔히 사용하는 정적인 static 파일과 대조할 수 있다. 2) > Post 클래스에 ImageField를 넣어주고 해당 필드가 내부적으로 사용하는 pillow 라이브러리를 설치했다.(과거 pil...

2022년 6월 21일
·
0개의 댓글
·