본문 바로가기 메뉴 바로가기

배우는 중

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

배우는 중

검색하기 폼
  • 승리의 기록 (36)
    • UX Design (7)
    • UI Design (12)
      • Photoshop & figma (9)
      • Colors (1)
    • Programming (5)
      • HTML, CSS 구조 확실히 (5)
      • JavaScript & JQUERY (0)
    • 탐구 기록 (10)
      • 하루 성취의 기록 (4)
      • 하루 동기부여 (6)
    • 소소한 일상 (1)
  • 방명록

승리의 기록 (36)
float 연습2

새로 알게 된 것 : 0. Semantic tag : 길 잃은 사람들에게 의미 전달할 수 있는 태그 header, footer 같은 태그 보면 바로 의미를 알 수 있다. div, span 태그는 이름만 봐선 알 수 없다. 꼭 써야하는 건 아니지만 검색엔진 robot이 읽기 쉽도록 권장사항이다. 1. *div.nav > ul > li > a { display: block; } a의 부모 li 크기만큼 영역이 늘어남 원래 마우스를 올리면 딱 글씨영역에만 링크가 설정되는데 block으로 설정하게 되면 파랑색 영역이 모두 링크로 연결돼서 클릭하기가 쉬워짐. + li에만 height값 지정해주면 a 영역이 늘어난 게 아니라서 길이는 길어지는데 누를 수 x 2. 위에서 a:visited 처럼 a값을 지정해서 줘서 ..

Programming/HTML, CSS 구조 확실히 2021. 8. 2. 15:34
포토샵 나만의 brush 모양 저장하기 (학원 복습)

0. 이미지 선명하게 만들기 선명하게 이미지를 만들어야 도장이 잘 찍힘 *Image > Adjustment > Curves 에서 S자 만들기 (밝은 부분은 더 밝고, 어두운 부분은 더 어둡게) 1. 도장으로 만들 이미지 부분을 자르고(crop) 흑백으로 만들기(Desaturate) ***Image > Adjustment > Desaturate(채도 감소) : 흑백으로 만들어줌 2. 부족한 부분 보정 다시 한 번 선명하게 이미지를 만들어야 도장이 잘 찍힘 *Image > Adjustment > Levels(단축키 ctrl+L) (밝은 부분은 더 밝고, 어두운 부분은 더 어둡게) 필요없는 자잘한 부분은 검정색 브러쉬로 색깔 덮어서 지워주기 (순서는 상관없음. 나중에 반전시키고서 하얀색 브러쉬로 정리해도 괜찮..

UI Design/Photoshop & figma 2021. 8. 2. 11:29
CSS 포지셔닝 - float 복습

[CSS 포지셔닝] 1. CSS 포지셔닝의 목적 레이아웃 만들기 위함 2. CSS 위치 지정을 위한 속성 float 속성 - 세로 정렬된 것을 가로로 정렬, float 속성을 뒤에 따라오는 코드들도 상속받는다. clear 속성 - float 속성 해제 Position 속성 - 배치 방법 지정 Box-sizing 속성 - 상자 너비 기준 설정 z-index 속성 - 순서 요소 정렬 3. float 속성 : block 요소에 적용되는 것 none(default) - float 속성 적용 x left - 요소가 컨테이너의 왼쪽에 배치됨(왼쪽 정렬) right - 요소가 컨테이너의 오른쪽 배치(오른쪽 정렬) margin : auto - 요소를 중앙에 배치(가운데 정렬) 4. vs code에서 연습 1-1. 클래..

Programming/HTML, CSS 구조 확실히 2021. 8. 1. 18:19
git clone 으로 학원에서 배운 거 복습하기

학원에서 쓰는 파일과 이름이 같은 폴더를 만든다. 그렇게 만든 폴더에서 Shift+마우스 오른쪽 -> Powershell 창 열기 클릭 해당 창에서 git clone 경로명 입력 경로명은 github에서 가져올 파일이 있는 repository 클릭 code 복사하여 넣기 그러면 학원에서 했던 파일과 똑같은 파일이 집에서도 생긴다 이걸로 코딩 복습! 중요한 건 학원에서 한 거랑 집에서 한 거랑 충돌하니깐 학원에서는 push로 집에서는 pull로 하고 동기화하기

Programming/HTML, CSS 구조 확실히 2021. 7. 29. 21:08
VS code 이용하여 Git-hub 에 전송

Github 는 간단히 말하면 저장소이다. 이곳에 저장을 해두면 집, 회사 등등 어디서든 자유롭게 이용할 수 있어 편리하다. 그 중 가장 좋은 점은 이력관리가 가능하다는 것이다. 작업하다가 한달 전 작업물로 되돌리고 싶다면 되돌릴 수 있다. 예전 시간대로 이동하거나 다른 버전으로 개발이 가능하다. 과거에는 유료였으나 현재는 무료로 배포 중이며 github에 가입을 하고 vs code(Visual Studio Code)를 설치했다면 github와 vs code를 연결해 줄 또 하나의 프로그램을 설치해야한다. 이건 git-scm.com에서 다운받을 수 있다. >참고사항 : vs code 설치할 때 아래를 다 체크해주면 사용하기가 더 편해진다. 반면에, git-scm에서 설치할 때는 다른 건 건드리지 않고 n..

Programming/HTML, CSS 구조 확실히 2021. 7. 27. 00:11
논리가 없는 디자인은 장식에 불과하다

디자인의 모든 결과에는 분명한 이유가 있어야 한다. 논리가 없는 디자인은 장식에 불과하다 라는 책의 INTRO 부분에 나오는 말이다. 이 책은 클라이언트가 브랜드 디자인을 처음 어떻게 의뢰하였고 어떤 아이디어들이 나왔고 최종 결과물이 선정되기까지의 과정을 다룬 책이다. 도서관에서 발견했는데 잡지처럼 쉽게 읽혀서 잠깐 읽었는데도 너무 흥미로웠다. 힘들 때 조금씩 기분전환용으로 읽으려고 바로 잡았다. 이번 한 주는 이 책으로 힘내야겠다! 화이팅!

탐구 기록/하루 동기부여 2021. 7. 26. 11:41
이전 1 2 3 4 5 6 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 일상 인스타그램
TAG
  • 서초동 파스타
  • 8월 계획
  • 사회조사분석사 도전기
  • 사회조사분석사 합격전략
  • 포토샵 복습
  • 자격증 도전기
  • github
  • 국비학원
  • vscode
  • 독서 리뷰
  • 자격증 시험준비
  • 알리오 올리오
  • 독서리뷰
  • UX
  • 세바시
  • 학원복습
  • UX 리서치
  • 학원 복습
  • 사회조사분석사 분석
  • 사회조사분석사 2급
  • 파스타맛집
  • UX최악
  • 화덕피자
  • 8월계획 중간점검
  • 포토샵
  • 8월 목표
  • 하루 기록
  • CSS포지셔닝
  • 피자맛집
  • 사회조사분석사 2급 도전
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바