본문 바로가기

전체 글65

[충격_불합격 후기] 컴퓨터그래픽스운용기능사 실기 시험 이렇게 준비하세요. 시험후기 및 꿀팁 알려드림 노베이스도 독학하면 합격이 가능한 컴퓨터그래픽스운용기능사 정기 2회차 실기 시험후기 내가 불합격한 시험은 2023 컴퓨터그래픽스운용기능사 실기 2회이다. 필기는 CBT 기출문제 몇번 돌려서 합격했고 실기시험은 6월 중순에 봤다. 아직도 수치스러운 불합격 글자..ㅠㅠ 그래도 그래픽 작업을 자주했던 필자였고, 아래 나오는 '예약부도' 디자인 원고랑 비슷하게 작업을 했으니까 불합격한 당일 믿기가 어려웠다. 제목에도 떡하니 있는 것처럼 나는 충격의 불합격을 했다. 너무 안일하게 생각했을까 너무 자만했던 걸까... 컴그 실기문제가 큐넷 공개문제 25문항에서 다 나오는 지도 불합격하고 나서야 알았다. (나 정말 너무해) 당.연.히 합격할 거라고 생각하고 일주일 전까지 축구도 보고 친구들이랑 음주가무를 즐기고 시험 .. 2023. 7. 24.
[프리미어프로 셋팅] 작업속도 빠르게 키보드 단축키 설정하는 방법(한손으로 해결!) 영상편집 프로그램인 프리미어프로 많이들 쓰시죠~! 프리미어 프로 영상 편집 어떻게 하면 빠르게 할 수 있을까? 고민이 많으실텐데요. 많이들 알고 계실 자르기 단축키인 [Ctrl+K] C + K 를 쓰려면 마우스에서 손이 떼어져서 두손을 써야하는 상황이 발생합니다. 이럴 경우 작업속도는 느려질 수밖에 없는데요. 한손으로 하겠다고 C+K를 손을 쫙 늘려서 할 경우, 손목 터널 증후군을 유발하기도 합니다. 그래서 한손으로 작업할 수 있는 한손키보드, 키패드를 구매하기도 하죠~ BUT!! 그러나!! 우리는 이 한손키패드까지 투자할 수 없어요. 프리미어프로 키보드 셋팅으로 한손키보드를 사지 않아 기본 셋팅을 통해서 한손으로 작업할 수 있습니다! 1 프리미어 프로 기본 키보드 셋팅 (작업속도 빠르게 키보드 단축키 .. 2023. 6. 26.
[좋아하는 일 잘하는 일 찾기]뭐 먹고 사시나요? 앞으로 뭘 해야할 지 모를 때, 하고 싶은 것이 없다구요? [좋아하는 일 찾는 방법]뭐 먹고 사시나요? 앞으로 뭘 해야할 지 모를 때, 하고 싶은 것이 없다구요? 1. 나의 삶 어렸을 때부터 항상 혼자 생각하고 창작물을 만드는 것을 좋아했다. 회사를 다녀도 겉돌아서 퇴사하기 부지기수. 집에서 프리랜서로 활동하다가 게으른 나, 입에 풀칠만 하고 있는 나. 문득 그런 나를 보고 '내가 잘못 살고 있는 것은 아닌지? 내가 좋아하는 것이 뭐였을까?' 생각하다가 삶을 다시 계획해봐야 싶었다. 프리랜서로 혹은 쉬면서 혼자있는 시간이 길어 이제 다시 사회에 나가기 불안하더라구.. 불안한 감정 그 불안함에 대해 유튜브도 보고 책도 보고 많이 찾아보았다. 번듯한 사회인이 되기 위해 나는 나의 마인드체크, 심리로 먼저 접근을 해보기로 한다. 2. 불안의 기원(불안한 감정 원인 찾.. 2023. 6. 21.
[웹사이트_리디자인] 화면설계 - 와이어프레임, 메인페이지, 스토리보드 레이아웃 잡는 방법 1. 화면 설계를 위한 와이어프레임 - 1920x1080 기준으로 작업하되 화면설계&화면구현 시 컬러감이 들어가지 않는게 좋다. - 디자인 레퍼런스 참고를 위해 자주 방문하는 Pinterest 에 '와이어프레임'이라고 검색해보았다. 2. 웹사이트 메인페이지 레이아웃 화면설계 및 구현 중요점 기능 : - 사이트 명확한 목표 메시지 전달 - 사이트 전체 정보 파악 / 명확한 정보 구분 - 우선 순위 콘텐츠 강조 - 우선 순위별 시각 흐름 - 핵심 콘텐츠 : 강조(선택과 집중) 표현 : - 사이트의 시각 정체성(주제, 성격) 전달 - 강렬한 룩 앤 필 - 신뢰 할 수 있는 그래픽 퀄리티 3. 웹사이트 메인페이지/타이틀(서브페이지) 스토리 보드 작성방법 스토리 보드 1단계 ＃ 메뉴 구성도 만들기 전체적인 메뉴 .. 2023. 5. 23.
[HTML/CSS] 제주 게스트하우스/펜션민박집 - 메인 웹페이지 리디자인(화면설계 과정/파일코드공유) 안녕하세요. 오늘은 메인 웹페이지 리디자인 기초를 정리해볼까 합니다. "제주 게스트하우스 요안도라 메인 웹페이지 만들기"인데요! HTML/CSS 과정 초보가 따라해보기 좋은 작업입니다. ▼ 화면 설계 과정과 하단에는 전체 파일 코드와 사진까지 공유하고 있으니 참고하시어 연습해보심 좋을 것 같아요. ^^ 그럼 시작하겠습니다. 1. 화면설계(구조/요소 분석하기) - 가로 1000px - 헤더 300px - 내비게이션 50px - section width 70% - aside width 30% (section float 사용해서 배치) - footer 이렇게 화면설계를 위하여 구조를 분석하고 값을 지정해주었습니다. 2. 바디 Container 박스안에 Header 작성하기 Joandora 가장 제주다운 수산리.. 2023. 5. 15.
[CSS] Transition Animation 광주시 마우스 닿으면 위로 올라가며 바뀌는 로고 애니메이션 효과/HTMl 파일 공유 [CSS] Transition Animation 광주시 마우스 닿으면 전환되는 애니메이션 효과 오늘은 경기광주시청 홈페이지 내에 있는 애니메이션 전환 효과를 알려드리고자 해요. 들어간 효과가 어떤 것인지 살펴볼까요? 위 영상에서 보이는 것처럼 1. 박스에 닿을 때 박스가 올라가는 애니메이션 효과 2. 박스에 닿을 때 박스 색이 바뀌는 효과 3. 박스에 닿을 때 로고와 텍스트가 올라가고 내려가는 전환 효과 4. 그림자 효과 등이 있을 것 같아요. 그럼 순서대로 정리해보도록 해요! 하나씩 하나씩 기본 구조를 먼저 작성해보고 스타일을 적용해볼게요~ 1. body 기본구조 타이틀 적기 광주시에 오신 것을 환영합니다. 2. 폰트 연결 딱 봐도 지마켓 산스 폰트길래 폰트링크를 가져와주었어요. /*G마켓 폰트 CDN.. 2023. 5. 12.
[HTMl/CSS] 헤더, 메인, 푸터 섹션 나누기 / 시멘틱 태그 레이아웃 예제 1. Header (헤더;머릿말) 제목, 영상,이미지 등을 넣어서 이 페이지가 어떤 사이트인 지를 파악하게 하는 역할 - 가장 공을 많이 들이는 부분 - 그래픽이 중요한 역할을 함 2. Main (메인;본문) 실제 내용, 핵심 컨텐츠를 담음 3. Footer (푸터;꼬릿말) 웹사이트 내의 하단 영역 브랜드 로고부터 사이트 맵, 필수 페이지에 대한 링크, 소셜 정보, 저작권 표기, 언어 설정 등의 기능을 모아놓은 영역 1. html 작업 오늘 해볼 시멘틱 태그 레이아웃 예제는 다음과 같다. 이름을 지어주는 이유는 css에서 불러오기 위해서 씀. 2. CSS 추가 모든 요소 공통사항으로 폰트와 보더박스를 지정해주었다. * { /*모든 요소 공통 사항 */ font-family: 'Gothic A1', san.. 2023. 5. 10.
[HTML/CSS] div요소와 box안에 box이미지 넣어서 반응형 데스크탑 모바일 페이지 만들기 [HTML/CSS] div요소와 box안에 box이미지 넣어서 반응형 데스크탑 모바일 페이지 만들기 오늘 만들어볼 예제는 다음 사진과 같다. 더보기 먼저, 예제를 분석해보자. 왼쪽은 데스크탑형이고 오른쪽은 모바일형이다. 1. 반응형 때문에 HTML의 table 표 태그를 사용하는 것보다 CSS로 만드는 것이 좋겠다. 2. 박스안에 박스를 만들고 그 박스안에 이미지와 텍스트를 넣어야한다. div 태그들을 사용해서 박스안에 박스를 만들어주고자 한다. 1. HTMl 기본 형식을 갖추고 body에 div 태그를 통해 이미지를 불러와주었다. - div class=box로 묶어서 css에서 스타일을 한번에 적용할 수 있게 만들어주었다. - 이미지폴더 안에 p1~p6을 음식사진으로 지정해두고 이미지를 불러왔다. 삼겹.. 2023. 5. 9.

티스토리툴바