욕심많은 햄톨

HTML이란? HTML(Hyper Text Markup Language)은 프로그래밍 언어가 아닌 마크업 언어. 구조와 내용을 포함하는 정적 언어다. 버전 HTML1 -> HTML2 -> HTML3 -> HTML4 -> XHTML -> HTML5 기본 형태 문서의 구조 예시 태그 1. 문서의 범위를 나타내는 태그 2. 문서의 정보를 나타내는 태그 3. 문서의 구조를 나타내는 태그 +) 빈 태그 1. 문서의 범위를 나타내는 태그 HTML 전체 범위 HEAD 정보 범위 BODY 구조 범위 DOCTYPE DTD, Document Type Definition. 문서 형식 정의. 버전을 지정함. 2. 문서의 정보를 나타내는 태그 (head태그 안) TITLE 웹 페이지 제목 META 웹 페이지 정보 LINK 외부..

오픈소스란 어떤 제품을 개발하는 과정에 필요한 소스 코드나 설계도를 누구나 접근해서 열람할 수 있도록 공개하는 것. 오픈소스라 하면 보통 무료 저작권이고 공짜로 사용해도 문제가 없다고 생각하지만 사실 다양한 종류의 오픈소스 라이선스가 존재하며 개인적 이용은 가능하지만, 상업적 이용에 제한이 있거나 경우에 따라 비용을 지불해야 할 수도 있습니다. Apache License 아파치 소프트웨어 재단에서 자체 소프트웨어에 적용하기 위해 만든 라이선스입니다. 개인적/상업적 이용, 배포, 수정, 특허 신청이 가능합니다. MIT License 매사추세츠공과대학(MIT)에서 소프트웨어 학생들을 위해 개발한 라이선스입니다. 개인 소스에 이 라이선스를 사용하고 있다는 표시만 지켜주면 되며, 나머지 사용에 대한 제약은 없기..

Korean Language Pack for Visual Studio Code 한국어로 변경 Beautify 코드의 가독성을 높여줌 설정 -> 바로가기 키 메뉴에서 HookyQR.beautify 검색 후 원하는 단축키로 설정해준다. 코드를 드래그하고 설정한 단축키를 누르면 코드가 정렬된다. Live Server 하단 상태 바(Status bar)에서 Go Live 선택 또는, HTML 화면에서 우클릭 > Open with Live Server 선택 내가 작성한 코드가 웹 페이지에 렌더링된다. Auto Rename Tag 태그 이름을 수정할 때 열린 태그와 닫힌 태그가 쌍으로 수정됩니다. 출처: https://heropy.blog/2019/04/24/html-css-starter/

웹 표준 웹 표준(Web Standard)이란 ‘웹에서 사용되는 표준 기술이나 규칙’을 의미하며 W3C의 권고안에서 나온 기술들이 여기에 해당합니다. 기본적인 표준 여부 검사: W3C validator 크로스 브라우징 크로스 브라우징(Cross Browsing)은 조금은 다르게 구동되는 여러 브라우저에서 동일한 사용자 경험(같은 화면, 같은 동작 등)을 줄 수 있도록 제작하는 기술, 방법 등을 말합니다. 웹 접근성 웹 접근성이란 정상적인 웹 콘텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있는 웹 콘텐츠를 제작하는 방법을 말합니다. 출처: https://heropy.blog/2019/04/24/html-cs..

총점 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ (5점) ✏️ 이런 분들께 추천해요! 개발에 대한 지식이 없어 개발자와의 커뮤니케이션에 어려움을 겪는 분 코딩 입문 전 기본 IT용어, 지식을 습득하고 싶은 분 개발자인데 기본 IT 지식이 비전공자 수준인 분 ✏️ 감상평 저는 비전공자만큼은 아니더라도 딱 국비교육 수료한 만큼의 지식을 갖고 있는 상태에서 이 책을 읽었습니다. 전공자라도 초보 개발자라면 이 책을 권장드려요. 요즘 비전공자분들이 국비 교육을 수료하고 취업하시는 분들이 많은데 국비 학원에서는 코딩 문법만 알려주지 IT지식을 가르쳐주지는 않습니다. 취업의 문은 넘을 수 있어도 운영체제, 알고리즘, 네트워크 .. 이런 원론적인 것을 모른다면 고급 개발자로 성장하지 못해요. 이 책이 IT세계로 눈을 트이게 해줄 수 ..

총점 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ (5점) ✏️ 이런 분들께 추천해요! 취미를 수익화하고 싶은 분들 재능 판매가 어떻게 이루어지는지 궁금한 분들 전문적이거나 특출난 재능이 있어야 돈을 벌 수 있다는 착각을 하고 계신 분들 ✏️ 감상평 책의 제목대로 N잡러를 꿈꾸는 분들께 강력 추천합니다. UI 디자이너인 저자가 그림으로 부업을 한 경험들을 농축시켜 놓은 책이에요. 완전 알차다라는 말이 딱 맞는 것 같아요. 굳이 그림이 아니더라도 퍼스널 브랜딩을 하고 싶다거나 평소 무언가를 도전해보고 싶었던 분들, 월급 외 부수입을 창출해보고 싶으셨던 돈 욕심 많은 분들께 모두 권해드리고 싶습니다. 저는 평소 안정적인 것을 추구하면서도 금방 싫증을 내는데요. 그러면서 돈은 많이 벌고 싶었죠. 참 모순적이라고 생각했던 어느 ..

https://search.shopping.naver.com/book/catalog/37339068631 맛있는 디자인 포토샵&일러스트레이터 CC 2023 : 네이버 도서 네이버 도서 상세정보를 제공합니다. search.shopping.naver.com https://cafe.naver.com/matdistudy ★맛있는 디자인★ 스터디 공식 카페 : 네이버 카페 '맛있는 디자인' 온라인 스터디(학습 인증&질문, 정보공유 등) - 어도비 포토샵/일러스트/프리미어/애펙 cafe.naver.com 안녕하세요! 이제 6주차까지 스터디가 완전히 끝났어요. 1~3주차는 포토샵, 4~6주차는 일러스트레이터를 학습했습니다. 확실히 일러스트가 툴 사용법도 그렇고 어려워요! 과제를 더 창의적으로 더 잘해내고 싶었는데 펜..

월요일 - 사진을 그림으로 바꾸기 l Image Trace(p.489~496) - 자연스러운 선 드로잉하기 l 연필 도구(p.501~509) ​ 수요일 - 붓으로 그린 듯한 선 느낌 내기 l 브러시 도구(p.510~521) - 글자 입력하여 이벤트 페이지 만들기 l 글자 도구(p.522~537) ​ 금요일 6주차 과제 연필 도구 또는 브러시 도구 활용해 드로잉 작품 만들기 *주제를 하나 선택해서 과제를 수행해보세요! (자유 주제도 가능) ① 좋아하는 풍경 사진 따라 그려보기 ② 좋아하는 문구 캘리그래피 써보기 ​ Image Trace, 연필 도구, 브러시 도구, Expand, Simplify, 글자 도구, Create Outlines, interwine 사진을 그림으로 바꾸기 l Image Trace(p..

월요일 - 일러스트레이터에서 색을 적용하는 모든 방법 l 컬러 믹스 패널, 스와치 패널(p.434~452) - 그레이디언트를 적용하여 화려한 색 만들기 l [Gradient]패널, 그레이디언트 도구(p.453~465) ​ 수요일 - 원하는 부분만 보이게 하기 l 클리핑 마스크(p.476~479) - 3D 입체 상자 그리기 l 원근감 격자 도구(p.480~488) ​ 금요일 5주차 과제 원근감 격자 도구로 입체 일러스트 그리기 *주제를 하나 선택해서 과제를 수행해보세요! (자유 주제도 가능) ① 책을 입체 일러스트로 그려보기 ② 상자(택배, 선물 등)를 입체 일러스트로 그려보기 ③ 건물을 입체 일러스트로 그려보기 ​ 일러스트 색 적용 방법, 그레이디언트, 클리핑 마스크, 원근감 격자 도구 일러스트레이터에서..

결과 단축키 파일 새로 만들기 Ctrl + N 이미지 불러오기 Ctrl + O 저장 Ctrl + S 다른 이름으로 저장 Ctrl + Shift + S 웹용으로 저장 Alt + Shift + Ctrl + S 편집 뒤로 가기 Ctrl + Z 앞으로 가기 Ctrl + Shift + Z 작업 화면 이미지 확대, 축소 Alt + 휠 이미지에 맞게 화면 크기 조절 Ctrl + 0 이동 이동하기 Ctrl + 드래그 1px씩 이동 Ctrl + 방향키 10px씩 이동 Ctrl + Shift + 방향키 새 레이어로 복제하면서 이동 Ctrl + Alt + 드래그 선택 선택 영역 해제 Ctrl + D 가운데부터 선택 영역 지정 Alt + 드래그 선택 영역 반전 Ctrl + Shift + I 전체 선택 Ctrl + A 선택 영..