본문 바로가기

분류 전체보기

 (100)
10/18 그래픽수업 https://blog.naver.com/hyunjuhj0824/222903531447
10월 17일 웹수업 (카카오 불나서 티스토리 작성이 안돼서 네이버블로그에 썻다 하하) https://blog.naver.com/hyunjuhj0824/222902715252
10/19 웹수업 08장 레이아웃 연습 및 이펙트 효과 1. 효과는 언제 주는게 좋은가? ㄱ. css, js디자인, 기능 어느정도 정해진 후 . ㄴ. 그림자효과 (겹치는 효과) ㄷ. 텍스트 그림자 효과 ㄹ. 박스 (오브젝트 - 사진 , 도형) 그림자 효과 ㅁ. 테두리 라운드 - 버튼 커스터마이징 할 때 2. html 안에 공백, 줄바꿈, 탭 으로 공백을 만들 수 있다. 그러나 문제점 -> 한개의 공백만 가능. ==> white space 속성 폴더 이렇게 쩜쩜 해야 찾을 수 있엉 - 로고 라는 글자를 이렇게 치워버리는 방법이 있다. - -글자가 가운데로 쏙 어...글자가 가운데에 들어가네 - 이렇게이상하다. 푸터를 밑으로 내려줘야겠다.-> 푸터에 클리어 보스 넣으면 이렇게 된다. 옆에 선도 넣어줬따. - 여기서 피규어는 ..
10/19 그래픽수업 아이콘 다운받앗서 그냥 쓰기보다 내가 두께바꾸거나 컬러링 효과 넣어서 써보삼. 이런식으로 - id 는 중요한 영역에 쓴다. (큼직큼직한거) , 인풋에 많이 쓴다. 라벨때문에. -아이콘같은거 이미지로 굳이 정보전달할 필요 없다, 예브라고넣어준거기 때문에 . 마크업하지않고 css 가상이미지로 넣어준다. 이미지로 넣을까요 배경으로 넣을까요? 에 대한 고민이 있어야겠지여, (선택 기준 - 시각장애인들에게 이 아이콘에대해 설명을 해줄 필요가 없느 아이콘이라면 배경처리.) ex 이런거 굳이 시각장애인들에게 "초록우산아이콘" 이라하며 설명할 필요 없잖아. -ㅇ 위에께 옛날 방식 밑에 네이버가 요즘 방식이다. 이 방식은 이미지 좌표를 메모해둬야한다. (코딩은 네이버 따라가야한다. 유행을 선도하고 프로그램 개발하는 분들..
10/14 웹수업 비교연산자 논리연산자 연산자 우선순위 1.() 2. 단항연산자 3. 산술연산자 4. 비교연산자 5. 논리연산자 6. 대입연산자 -산항조건연산자 조건문 > 어... 쓸게 간단할때. -삼항조건으로 용돈 관리 페이지 만들기 이 창 뜨기 전 창 3개 뜬다. 지출 입력창. 리셋css *{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decoration: none; color: #222; } address, i,em{ font-style: normal; } /*img*/ img{ vertical-align: top; } /*.blind*/ .blind{ position: absolute; top: -99999px; } /*input*/ /*table*/ /*..
10/14 그래픽수업 도형에 .... 그뭐냐? 글자툴. 이건 잘안쓴다. 선택영역 부를라면 컨트롤 클릭하면 되지. 포토샵 24px 사용 -> 코딩할때 24px 로 입력해야 같음. 대문자가 나은가? 보기위해 TT저것을 누르면서 비교해보기. 소문자의 작은 대문자화 (소문자만 대문자 되는데 소문자 크기로 .) 위첨자 - 글자레이어만 보기 색 채운거, 보정물, 글자, 도형, 스마트오브젝트 이거사용하면 이렇게 글자 옵션 일괄변경할때 참 좋다. 이런 상황에서 컨트롤 케이 툴즈 픽셀 그거 방향키 끄고 맞추면 되는것이다~ (그런데 그렇게 티 안나서 그냥 해도 되긴한다 하하. 아니면 여기서 수치 애매하게 30.94 이렇게 돼있으면 31로 올려버리든지 . 스마트 오브젝트로 묶어놓았었는데 색깔이랑 등등 수정하고싶을때 복사하고싶은거 레이어 우클릭해..
10/13 웹수업 더 쉽게 쓸 수 있는 백틱 (결과 똑같음) -증감연산자 -대입연산자 -123 -요일 다 문자라 저렇게 해도 된다. -플롯은 li에 넣어야된다. a에 ㄴㄴ - 근데 이 방법은 잘 안씀. /*2. 부모한테 float->자식의 너비만큼만 들어감.*/ float: left; 3. overflow -문제 : 이거쓰면 나중에 사이드 메뉴 만들때 밑으로 내려오지 못함. 4. after - 99쩜9999999999999프로가이걸 쓴다악!~ - a 한테 마진탑 패딩탑 안먹힌다. 먹히게하려면 디스플레이 블록 줘야함 display:flex 개꾸울 justify-content:센터, end 주면 딱@ 위치한다. justify-content : space-around; = 모든 요소의 간격을 동일하게 만들어준다. justify..
[ps]돋보기.화살표그리기/사진복붙종류/방향키미세조정/심볼비슷한거/쉐입/아이콘사이트/푸터아이콘,글자들 돋보기 그릴거임! 딱떨어지는 비율로 봐야됨! 돋보기그릴거 도형 - 흰색 / 선색없슴 알트 그리고 그리기 시작 손잡이 더하기로 그려줬다. 컨트롤 t 누르면 크기 바꿀수있다. -세개 드래그해서 잡아주고 버티컬정렬 원 두개는 잡고 센터센터정렬 그런데 이런거 일러스트에서 그려서 svg로 저장해서 가져오는게 낫다. 로고 색깔이 다양하면 스마트오브젝트로 붙여넣기 퍼렁바닥 저런거는 백터(도형)으로 그리지 않는다. 돋보기 잡으려할때 같이 드래그돼서 컨트롤케이에 저 퍼런거 .. 방향키 미세조정 1픽셀씩 움직이지 않고 아주 미세하게 움직이게 바꾸는거. (도형 겹쳐서 뿌얘지거나할떄 쓰면 좋음) 그런데 꺼서 쓴담엔 꼭 다시 켜놔야대 마지막거 일러스트의 익스펜드와 똑같다 한도형으로 이 툴로 복사하면 레이어 복사된다. 근데 그럴..

티스토리툴바