코드로그 코드로그

전체 글

• 컬러리스트 기사 필기 - 색채지각 [시세포]

  자격증/컬러리스트 기사 2021. 5. 20. 13:38

  시세포는 간상체와 추상체 두종류가 있습니다. 시세포의 2종류 특징 외우는 팁 간상체(간상세포,막대형 등등) ·어두운 빛을 감지하는 세포. ·명암을 판단하는데 관여. ·망막의 중심와 주변부에 위치. ·약 1억 2천 만개. ·약 500nm의 빛에 스펙트럼 민감도가 강해 단파장에 민감. 간상. 막대. 명암. 간미연. 간ㅁㅇ. 간명암.ㅁ? 명암 어거지라도 엮어서 외웁시다.. 추상체(추상세포,원뿔형,원추형 등등) ·밝은 빛을 감지하는 세포 ·색상을 판단하는데 빛의 파장에 따라 3개의 추상체로 나뉜다. (L, M, S 추상체) 장파장=빨강. 558nm 중파장=초록. 531nm 단파장=보라. 419nm ·560nm의 빛의 스펙트럼 민감도가 강하다. ·망막의 중심와에 위치. ·약 600만 개 원추.추상.색상. 교묘하게..

  Read More
• 컬러리스트 기사 필기 - 색채지각 [순응]

  자격증/컬러리스트 기사 2021. 5. 20. 13:21

  순응에 대해 어려운 용어를 정리해 보았습니다. 개념 의미 시감도 파장의 단색광에 의한 밝기의 감각 명순응 추상체. 어두운 장소에서 밝은 장소로 바뀔 때 민감도 증가. 암순응 간상체. 밝은 장소에서 어두운 장소로 바뀔 때 민감도 증가. 명암만을 구별할 수 있는 상태 색순응 주어진 환경이 변하여도 3종류의 추상체의 감도를 스스로 보정하는 기능의 작용으로, 색 고유의 특성을 느낄 수 있는 것 박명시 엷을 박, 밝기 명, 볼 시. 밝기가 엷을 때 보는 것. 보통 명소시와 암소시의 중간 정도의 밝기에서 보는 것이라 추상체와 간상체 모두 활동하고 있는 시각상태. 필기 공부하다가 어려운 용어 위주로 틈틈히 외우기 좋게 표로 정리하는 공간입니다.

  Read More
• 웹디자인기능사 취득 후기

  자격증/웹디자인기능사 2021. 5. 9. 21:04

  웹디자인기능사 시험은 메인화면 한 페이지를 HTML, CSS, JS로 구현하는 시험이다. 기능사다보니 GTQ(포토샵 1급)처럼 어느정도 툴을 알고 사용할 줄 아는 것이라서 처음 그 툴을 배워가는 목표로 기능사 자격증을 취득하는 것은 좋은 것같다. 필기는 개인적으로 기능사뿐 아니라 기사도 기출풀면서 오답문제 정리하고 반복적으로 틀리는 개념에 대해서 구글검색과 유튜브무료강의로 보충하는 방법으로 책구입 없이 단번에 붙었다. 하지만, 실기는 다르다. 기능사, 포토샵의 경우 정해진 일련의 유형들을 반복, 숙달해서 툴과 친해지면 합격 하겠구나 감이 잡히지만, 기사시험은 어느정도 유형이 있긴하지만 엄청 광범위해서 많은 경험이 뒷받침되어야 겠다고 생각이 든다. 시각디자인기사의 경우 어떤 주제를 던져주고 컨셉과 표현방법..

  Read More
• 0. 디자인계획서 시각디자인기사

  자격증/시각디자인기사 2021. 2. 21. 19:20

  시각디자인기사 필기는 기출문제 풀면서 오답위주로 개념정리를 해나가면 어렵지 않았다. 산업디자인학과 4년제를 나온지라 익숙했었던 개념들이 많이 있었다. 개인적으로는, 세 번째 파트 '광고학', 다섯 번째 '사진 및 인쇄제판론'이 생소해서 과락하지 않게 그 부분을 위주로 정리했었고 단번에 붙었다. 실기는 두번 떨어졌고 또 준비하고 있다.😥 왜 떨어졌는지 곰곰히 생각해보면 내 생각을 글로 쓰는게 어려웠고 '컨셉'을 분명하게 못잡았던 것 같다. 컨셉을 적어나가다 보면, 어느새 표현전략을 적고있어서 표현전략과 컨셉이 거의 동일했었다. 잘못된 예) 컨셉 : 공원에 찾아온 사람들에게 행복하고 소중한 추억을 쌓을 수 있는 공간이라는 느낌이 들도록 컬러는~ 사용하고 캐릭터를 활용해 신나는 이미지를 표현한다. 표현전략 :..

  Read More
• querySelector, querySelectorAll 차이

  JavaScript 2021. 1. 20. 17:43

  querySelector("") 는 먼저 검색되는 요소 하나를 선택한다. querySelectorAll("")은 해당하는 요소전부를 가져온다. 중요한 점은 요소전부를 NodeList 배열형식으로 가져오기 때문에 for, forEach문으로 요소 각각에 대해서 처리를 해주어야 한다. 제이쿼리랑 비교해서 정리하면, $("a")는 모든 a태그를 선택한다. querySelector("a")는 문서상 가장 앞에 있는 a태그 하나를 선택한다. querySelectorAll("a")는 모든 a태그를 선택하는것 외에도 전부 nodeList배열 형식으로 저장해서 가져온다. 그래서 각각에 대해 핸들링하기 위해 forEach,for구문을 사용하는 것이다.

  Read More
• 단어 줄바꿈 CSS. word-break

  CSS 2021. 1. 20. 07:00

  word-break의 값으로 normal, keep-all, break-all이 올 수 있다. 언어별로 normal과 keep-all의 결과가 다르다. 우선 셋의 값은 상자에 비해 줄이 길때 단어들을 다음문장으로 내려보내는데 차이가 있다. break-all은 단어형태를 잘게 부순다. 가장 작은 단위의 문자를 내려보내다 보니 상자크기를 다채우는 편이라 break-all은 깔끔한 디자인을 할 수 있다. keep-all은 단어형태를 지킨다. 심지어 하이픈으로 연결된 단어도 말이다. 그래서 단어 통째로 내려보내기 때문에 break-all에 비해 우측이 가득 차있지 않아 들쑥날쑥하지만, 단어의 의미를 잃지않아 의미전달에 있어서 중요할땐 가독성이 높은 keep-all이 좋다. normal은 기본값인데 한국어는 기본..

  Read More
• 말줄임 생략부호 CSS

  CSS 2021. 1. 19. 10:37

  white-space(여백)라는 속성이 있다. 값으로 no-wrap, normal, pre가 있다. no-wrap : 부모의 width값이 어떻든 no-wrap(감싸지 않는다.) 즉, 부모의 박스나 윈도우창을 넘어서 글씨는 쭉- 일렬로 나타난다. normal : 기본값. 부모의 width값에 줄바꿈되어 안착된다. 왼도우창을 줄이면 그에맞에 또, 줄바꿈되어 안착된다. pre : 코딩할때의 줄바꿈 수를 그대로 적용하고 no-wrap규칙을 따름. pre-line, pre-wrap : 코딩할때의 줄바꿈 수를 그대로 적용하고 normal규칙을 따름. 보통 줄바꿈 처리되지않게 no-wrap을 쓰면서 overflow:hidden, : 설정한 width값 이상의 글씨는 보이지 않게하고 text-overflow:elli..

  Read More
• <meta http-equiv="X-UA-Compatible" content="IE=Edge">

  HTML 2021. 1. 9. 18:27

  2줄요약 content=' ' 에 IE= 호환될 버전 을 써주면 된다. 글 작성 기준 엣지가 마이크로소프트 최신버전이기 때문에 IE=Edge을 넣어주면 된다. 배경지식 2021 8월 17일부터 마이크로소프트(MS)가 인터넷 익스플로러 11(이하 IE11) 앱과 서비스를 중단한다. 익스플로러의 단점은 버전별로 지원하는 태그와 속성이 제 각기 달라서 지원하지 않은 태그나 CSS를 사용하면 제대로 나타나지 않는다. 코드를 공부하는 입장에서는 크롬이나 엣지 등 최신 태그와 CSS를 지원하는 환경으로 넘어가면 그만이지만 기업은 그 달라지는 부분을 익스플로러 사용자를 위해 버전별로 퍼블리싱해야했다. 하지만 곧 중단되서 이제 그럴 필요가 없게 될것이다 :) 아무튼 그래서 마이크로는 X-UA-Compatible 태그로..

  Read More