✦ daily record ✦

기록

일상과 작업을 담는 공간

study/웹디실기

05.30

잣됨. 한창 또 안하다가 d유형 레이아웃을 이제 하네 내일이이 시험인데 지금 오후 4시임... 내 업보다 d유형에서 이해 안갔던거. 나 잘 이해가 안가는게, 지금 wrap에 aside, main, footer가 다 있잖아. 근데 왜 flex-wrap: wrap; 이걸 하면 footer만 아래로 내려갈 수가 있는거야? E유형에 이해 안갔던거 Q: height는 왜 100%는 인식할 수 없지만 100vh는 인식할 수 있을까? A:height : 100%는 이렇게 묻는 거야:“부모 키가 몇 cm야? 그 키만큼 나도 맞출게.”그런데 부모 키가 안정해져 있으면 계산을 못 해. 반면에height : 100vh 는 이렇게 말하는 거야:“브라우저 화면 키만큼 내가 차지할게.”그래서 바로 적용돼. F유형에..
05.30 대표 이미지
study/웹디실기

05.25

* {margin: 0; padding: 0;} #wrap {width: 100%;}자꾸 까먹는다!!!! calc(100% - 200px) D유형 공부중인데, clac 이거 쓸때 안에 -양 옆에 띄어야 적용이 됨...clac(100%-200px) XXXXXXXclac(100% - 200px) OOOOOOOO #wrap에 flex-wrap이 들어가야 하는 이유 : display: flex는 기본적으로 자식들을 한 줄에 놓으려고 한다.그런데 footer는 아래 줄에 있어야 하니까. 다음 줄로 내려갈 수 있게 flex-wrap: wrap;을 주는 것
05.25 대표 이미지
study/웹디실기

05.17

div#wrap 치고 tab 하면 한번에 가능. div 태그 : 의미가 없는 태그시멘트 태그 : 의미가 있는 태그 ex) header , article, main, footer margin : 0 auto; = 블록구조를 가운데 정렬 태그 크게 두 분류 블록구조 ex) div, header, nav, section, footer화면에서 하나의 박스 영역을 만들 때 사용한다.기본적으로 가로 한 줄을 차지하므로 다음 요소는 아래로 내려간다. 2. 인라인구조 ex) span, a, strong, img글자나 작은 요소를 표현할 때 사용한다.기본적으로 내용 크기만큼만 차지하므로 옆으로 나란히 배치될 수 있다. #header ..
05.17 대표 이미지
study/웹디실기

05.10

...tlqkf. 실기 시험이 21일... 아니 5월 31일은 시험 당일이니까 이제 20일 남았다.문제는 학원에서 수업을 들었는데도 내 지식은 html ! 누르는거랑 div 누르고 tab 누른다는 거 밖에 기억에 남지 않았다는것이다.말한건 많지만 여튼 입닫고. 그래서~ 유튜브 보고 다시 공부하기로 함. 거의 노베나 다름없다. 자 잣됨을 느꼈으니 시작해보자.- 단축키 -bag 또는 bgc : background-color 근데, 이 왼쪽 사진 보면 이게 왼쪽 정렬도 되어 있는데, 전체가 가운데 정렬이 되어야 하니까, m0-auto를 준다.m0-auto : 위 아래는 0, 왼쪽 오른쪽은 auto 위쪽의 여백 : 브라우저들이 가지고 있는 기본 여백이걸 없애기 위해서는 * {m0 p0} 쓰기*(별표시)는 전..
study/웹디필기

웹디기능사 필기 후기

68.33점 맞고 거의 턱걸이 합격 체크해봤을때 거의 26-28문제가 애매했는데 그냥 제출하긴 함. 찍은게 더 맞은건지 여튼 다행.근데 공부를 많이 안하긴 했어도 완전 처음보는 개념의 문제도 나온것 같음. 이건 완전 틀릴 수 밖에 없어서그냥 여러번 반복적으로 나오는 1과목이나 3과목에서 아는거를 확신을 갖고 무조건 맞힌다는 생각으로 하는게 나을거 같음.누가 정리한거 올려준 거 봤있는데, 정리본 봐도 모르겠음. 유튜브 영상도 안보고 그냥 문제 풀고 틀린거로 개념 알고 배우겠다는 생각으로 함.옛날꺼(2004-2016)는 최강CBT에서 pdf 다운받아서 풀고 지피티한테 틀린거 해설해달라고 했고,최근꺼(2024-2025)는 이기적 CBT 영진닷컴에서 공부함. 영진닷컴 CBT는 해설본 있음.시험 아침에 봤는데 영..
study/웹디필기

08.07.13

- 1과목 : 디자인 일반 -3. 촉각적 질감에 대한 설명으로 틀린 것은? : 촉각적 질감에는 장식적 질감, 자연적 질감, 기계적 질감이 있다.8. 다음과 같은 그림이 나타내는 디자인 원리는? : 비대칭13. 인상파 화가의 점묘화, TV의 영상화면, 직물 등과 가장 관련 있는 색의 혼합은? : 병치혼합16. 디자인의 조건 중 최소의 재료로 최대의 효율을 발휘할 수 있는데 가장 필요한 조건은? : 경제성17. 색채를 과학적으로 정리하여 스펙트럼을 7색으로 분리한 사람은?- 2과목 : 인터넷 일반 -21. 고속통신망으로서 전화교환기를 거치지 않고 ATM 초고속망에 연결하여 고속의 서비스를 제공하는 방식의 인터넷 서비스는? : ADSL22. OSI 7- layer에서 다음 설명과 관련 있는 계층은? - 정보의..
study/웹디필기

07.09.16

- 1과목 : 디자인 일반 -3. 서로 다른 부분의 조합에 의해 생기는 것으로 시각적 힘의 강약에 의한 형의 감정 효과를 주는 것은? : 대비6. 다음 중 빨간색이 가장 선명하고 뚜렷해 보일 수 있는 배경은? : 회색8. 디자인의 기본 요소 중 형과 형태에 관한 설명으로 옳지 않은 것은? : 이념적 형은 그 자체만으로 조형이 될 수 있다.13. 다음 ()안에 알맞은 용어는? - 보통 보라에서부터 빨강까지의 파장은 380nm에서 780nm의 범위이며, 이 범위를 우리 눈으로 관찰할 수 있기 때문에 이를 ()이라 한다. : 가시광선14. 망막에서 일어나는 변화에 관계없이 그 사물에 대해 지속적이고 고정적인 인식을 하고 있는 현상을 무엇이라고 하는가? : 항상성16. 다음 중 디자인의 조형 원리에 속하지 않는..
study/웹디필기

07.04.01

- 1과목 : 디자인 일반 -4. 공간을 구성하는 단위로서 이동한 선의 자취로 이루어지는 것은? : 면9. 다음 그림은 어떤 착시 현상인가? : 길이의 착시14. 가산 혼색에서 혼색의 결과로 맞는 것은? : 녹색 + 빨강 = 노랑19. 다음 그림에서 좌측 원을 보다가 우측 원을 볼 때 나타나는 현상은 무엇인가? : 잔상- 2과목 : 인터넷 일반 -21. 다음의 HTML태그 중 줄 바꿈 태그로 맞는 것은? : 22. 인터넷에서 사용하는 통신 프로토콜은? : URL23. 최초의 GUI 환경의 웹 브라우저는? : 랜드스케이프24. 다음 중 URL 형식에서 ://앞에 오는 것은? : 접속 포트번호28. 인터넷 익스플로러 6.0에서 팝업차단기능 설정이 있는 곳은? : 도구 > 인터넷옵션 > 개인정보29. Java..
study/웹디필기

06.10.01

- 1과목 : 디자인 일반 -1. 다음 다이렉트 메일의 종류 중 노벨티(novelty)의 예로 바른 것은? : 상품명이나 상점 이름이 들어있는 수건, 재덜이, 라이터 등4. 형태의 분류 중 이념적 형태에 대한 설명으로 옳은 것은? : 점, 선, 면의 이동형태에 따라 입테를 형성하기 때문에 추상형태라고 한다.7. 다음 중 명시성(가시성)이 가장 높은 색의 조합은? : 노랑 바탕에 검정 글씨10. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은? : PR11. 게슈탈트의 시지각 원리가 아닌 것은? : 독자성14. 그레이 스케일이란? : 명도의 기준 척도로 검은색과 흰색 사이의 단계를 나누어 놓은 것이다.15. 다음 중 굿 디자인의 조건이 아닌 것은? : 대중성- 2과목 : 인터넷..
study/웹디필기

06.04.20

- 1과목 : 디자인 일반 -3. 1910년에서 1934년 사이에 러시아(소련)에서 일어난 조형운동이자 사회운동은? : 구성주의5. 서로 다르고 관련없어 보이는 요소를 합친다는 의미로 보는 관점을 완전히 다르게 하여 연상되는 점과 관련성을 찾아 내어 아이디러를 발상시키는 방법은? : 시넥틱스 법7. 신문광고의 구성요소 중 조형적 요소가 아닌 것은? : 헤드라인9. 해질 무렵 정원을 바라보면 어두워짐에 따라 꽃의 빨간색은 거무스레해지고, 그것에 비해 나뭇잎의 녹색은 점차 뚜렷해짐을 볼 수 있다. 이것과 관련된 현상을 무엇이라고 하는가? : 푸르킨예 현상11. 계통 색명이라고도 하며 색상, 명도, 채도를 표시하는 색명은? : 일반색명14. 디자인의 원리 중 유사, 대비, 균일, 강약 등이 포함되어 나타내는 ..
study/웹디필기

05.10.02

- 1과목 : 디자인 일반 -4. 서체의 가독성은 떨어지지만 눈에 쉽게 띄는 특징이 있어 제목용으로 많이 쓰이는 서체는? : 고딕체5. 연속적인 패턴의 느낌과 관련있는 시각원리는? : 반복9. 감산 홉합의 혼색 결과로 맞는 것은? : 시안 + 마젠타10. 우편을 통하여 소비자에게 직접 소구하는 광고 방식은? : DM광고15. 양탄자 디자인의 예를 들어 하나의 색만을 변화시키거나 더함으로써 전체의 배색을 변화시킬 수 있다는 사실을 발견한 사람은? : 베졸트20. 색상대비의 설명으로 맞는 것은? : 비슷한 두가지 색이 서로 대비되었을때 원래의 색보다 색상차이가 더욱 크게 느껴지는 현상- 2과목 : 인터넷 일반 -21. 자바 스크립트 내에서 사용되는 String 객체에 대한 설명이다. 올바르지 않은 것은? :..