본문 바로가기

웹 _ 002일차

[인하우스 사장님]
 *어떤 상품을 판매할 것인지 생각

(좋아하는 것)
 - 화장품
 - 음식 
   ㄴ 한식
   ㄴ 양식
   ㄴ 일식
   ㄴ 중식
   ㄴ 디저트
 - 등산
 - 넷플릭스
 - 향수
 - 물놀이
 - 

(불편한 것)
예) 세탁소 가기 귀찮음
 - 비 올 때 도보 이동
 - 습한 날씨
 - 아픈 자취생의 불편함
 - 공동 배달 (1인가구 타겟)
 - 택시 잡기
 - 전시회 정보 공유(전시 정보,  리뷰, 장소 등)
 - 

(싫어하는 것)
예) 운동하기 싫음
 - 벌레
 - 더위
 - 청소
 - 씻기
 - 공부
 - 외출
 - 자외선(햇빛)
 - 소음
 - 원치않는 알고리즘(취향 반영 X)
 - 애교부리는 성인
 - 담배
 - 술

(사람들의 관심사)
예) 요아정
 - 두바이초콜릿
 - 생귤시루
 - MBTI
 - 다이어트
 - 반려동물
   ㄴ 훈련, 관리, 산책
 - 반려식물
 - 알쓸신잡st 리빙 어플
     알아두면
     쓸데있는
     신박한
     집꾸미기 정보 모음
       (+살림꿀팁)

(사회적 이슈)
예) 탄소중립 포인트 적립
 - AI 시대의 도래
 - 

리빙 앱
 - 생활 꿀팁 정보를 접목
 - 오늘의집과 차별화 필요

전시회, 책 정보 공유
 - 서로 후기 공유
 - 

벌레 관련 어플
 - 잡아줄 사람 구하거나
 - 살충,  방충 상품 판매
 - 소독서비스

9조
반려동물 매칭 앱

 

----------------------------------------------------------------------------------------------------------------------------------------------------------------

 

https://kimyws.tistory.com/

 

div 클래스 이름을 지정하여 HTML 제작

.클래스명

p.클래스명

.con클래스

스타일 적용

너비 100px

높이 200px

 

배경색 red

 

content-left-box

content-left-text

content-r-img

 

마지막 줄 복제 : alt + shift + 방향키

전에 쓴 태그 재사용(?) :  .

빠른 이동 : ctrl + 방향키

 

밑보다 id가 더 우선이다.

 

#을 쓰면 그룹화를 할 수 있다.

 

 

 

기본 우선순위는 

아이디 > 클래스 > 태그 

동일한 형태일 때는 아래가 우선 적용

px 절대크기

 

em 상위 태그의 상태크기

text-align 블록내부에서 텍스트 정렬 방식을 정의

 

justify / center / right

좌측 / 중앙 / 우측 정렬

 

컬러 색상 정의를 해준다

#fff

두자리가 같으면 사용

#f0f

RGB 수준 16진수

 

a1 - R

a2 - G

a3 - B

 

display : 보이지 않음

block : 블럭

inline : 인라인

inline-block : 인라인블럭

 

인라인 요소: 위치가 같은 라인, 이전 요소 바로 뒤에서 시작

 

크기 콘텐츠 (내부에 있는 것)

너비를 차지하고 있음

너비와 높이를 지정할 수 없다

 

여백도 상하는 불가능, 좌우는 가능

 

블록 요소★★

전체의 너비를 차지한다.

다음 요소는 세줄로 배치

크기는 부모요소의 전체 너비

높이는 설정 가능

모든 방향의 여백 적용

 

인라인 - 블록

인라인 한줄(같은 줄)에 나란히 배치

블록처럼 너비를 지정할 수 있음

 

span 인라인요소

인라인에 너비는 X