devBB
close
프로필 사진

devBB

github: @denev6

  • 분류 전체보기 (53)
    • IOS (7)
    • 웹 (37)
    • 파이썬 (3)
    • 국비풀스택 (3)
    • CSS (1)
  • 홈
  • 태그
  • 글쓰기
  • new코드펜
웹2  5일차

웹2 5일차

그림판으로 레이아웃 짜는 거 연습하기  left-box와 right-box의 너비가 거의 1:1이므로 flex-grow:1;로 기본 너비를 같게 해준 후 left-box가 넘치면 넘치는 대로 유연하게 너비가 바뀌니 걱정말 것!그리고 flex-basis 까먹지 말자. 요소의 너비를 0으로 만들어줘서 flex-grow요소의 보이는 너비를 같게 만들어 준다. 즉, 컨텐츠 크기가 넘치치 않는 이상, 어떤 컨텐스를 갖든 너비가 일정하게 해준다.     [svg파일]:  웹 친화적인 벡터 파일 포맷이다. JPEG와 같은 픽셀 기반의 래스터 파일과 달리, 벡터 파일은 그리드 위의 점과 선을 기반으로 하는 수학 공식을 통해 이미지를 저장한다. 즉, 코드로 이미지를 생성하는 파일 확장자다.  사..

  • format_list_bulleted 웹
  • · 2024. 4. 24.
웹2  4일차

웹2 4일차

젠코딩 ++대괄호[]는 dom속성을 담는 곳이다. ex) onclick, href 등등   [목록과 리스트]ul태그 안에는 li 외 다른 태그가 들어올 수 없기 때문에 제목 태그를 바깥쪽에 생성했다. ul -> 목록의 역할  li -> 리스트 역할 제목은 제목태그(h태그)를 추가적으로 작성 해줘야 한다.  주의사항 1. ul태그 아래는 li태그만 사용할 수 있고, li안에는 모든 태그를 사용할 수 있다. 때문에 너무 큰 구조에 ul, li를 사용하는 것은 코딩할때 헷갈릴 수 있다. (div로 짜고 작은 구조를 ul, li 활용) 2. ul, li태그는 독단적으로 사용할 수 없다. ul태그 없이 li태그를 쓸 수 없고, li태그 없이 ul태그를 쓸 수 없다. (웹 표준에 어긋나는 코드이다...

  • format_list_bulleted 웹
  • · 2024. 4. 22.
웹2  3일차

웹2 3일차

[마켓컬리 상단바 수업에서 짜보기 두번째!] css 팁: 피그마에서 copy버튼으로 복사해서 vs-code로 붙여넣으면 한 줄 코드로 나온다. 짱짱 편하다 html 팁: 여러 요소가 같은 요소로 묶여있다면 container로 묶어줘야 한다. vs-code 설정 팁: 단축키 [ ctrl + , ] 로 설정 탭을 들어가서 여러 가지를 커스텀 할 수 있다. line-height: 줄높이, font-weight: 글자 굵기, hover: 마우스 올릴 시 뜨는 설명 박스의 유무 등등 피그마 팁: fill: flex-grow를 사용했을 때 자동 너비 채워짐. 즉, 상위 엘리먼트를 꽉 채우는 너비이다. hug: 하위 엘리먼트에 의해 너비가 정해진 경우 구글 아이콘도 있지만 폰트 어썸이라는 방법도 있다! - 주로 옛날..

  • format_list_bulleted 카테고리 없음
  • · 2024. 4. 17.
웹2  2일차

웹2 2일차

[혼자 응용하는 능력]- 요즘에는 챗GPT가 간단한 코드를 거의 구현해주기 때문에 코드의 의미를 제대로 파악하고 스스로 원하는 형태를 만들어낼 수 있는 퍼블리셔나 디자이너나 개발자가 되면 살아남기 좋다.   [포트폴리오 체력관리 해보기]- 공부하는 스타일 체크해보기ㄴ하루에 몇시간 공부했을 때 적절한지     - 2시간 공부한면 체력적으로 괜찮고, 3시간 공부하면 다음날이 조금 힘드네??       나는 2시간만 공부하고 나머지 시간으 개인적으로 활용해야겠다.     - 2틀 열심히 복습했더니 2틀동안 손놓고 있는 스타일이구나       그럼 이틀동안 열심히 복습하고 이틀은 아무것도 안해야지    - 공부시간이 부족하다고 생각되면 한시간씩 크게 잡지말고       10분이나 30분씩 조금 더 투자해서 공부..

  • format_list_bulleted 웹
  • · 2024. 4. 14.

웹2 수업페이지

수업 시작 시 기본 세팅!숙제 제출 : 구글 시트     💎1일차   vs code 설치 및 세팅 + 파일과 폴더, 확장자 + flex-froggy를 통한 단계별 문제풀이1                🐸Flex-Froggy     💎2일차   flex-froggy를 통한 단계별 문제풀이2 + flex-grow                🐸Flex-Froggy          👕코드펜 flex-grow      💎3일차   vs-code로 마켓컬리 코딩, 폰트어썸 아이콘 사용하는 방법               ㄴ 핵심 css: flex-grow     👕코드펜 마켓컬리         📗숙제: 마켓컬리, 삼성        💎4일차   목록과 리스트(ul, li), h태그     👕코드펜 u..

  • format_list_bulleted 웹
  • · 2024. 4. 12.
웹2  1일차

웹2 1일차

[틈새 단축키] 윈도우+한/영+e : 파일 탐색기 여는 단축키 ctrl + , : vs code 설정 창 여는 단축키 [🧊vs code] 드디어 vs code!! 차근차근 아래로 따라가보자 설치 시 유의할 점 - 계속 다음 누르다가 이 페이지에서 체크 안 된 박스들을 모두 체크 해줘야 이후에 폴더에서 vs code를 열 수 있다. 추가 확장 파일들을 설치하고 싶다면 사이드바 제일 아래 있는 메뉴로 들어가 원하는 프로그램을 설치한다. 검색 후 목록 중에 원하는 메뉴를 선택하고(1번) 설치 버튼을 눌러 설치 후(2번) 오른쪽 아래에 뜨는 팝업 버튼을 눌러 재시작 하면 적용된다. [파일] - 확장자가 붙어있는 것들을 파일이라고 부른다. [확장자] - .png .mp4 .html .js .css .jpg 등....

  • format_list_bulleted 웹
  • · 2024. 4. 12.
  • navigate_before
  • 1
  • ···
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (53)
    • IOS (7)
    • 웹 (37)
    • 파이썬 (3)
    • 국비풀스택 (3)
    • CSS (1)
인기 글
전체 방문자
오늘
어제
Copyright © 개발병아리짹 모든 권리 보유.
SKIN: Copyright © 쭈미로운 생활 All rights reserved. Designed by JJuum.
and Current skin "dev-roo" is modified by Jin.

티스토리툴바