전체 글

디자인 직군 이력서 꿀팁 모음

나는 요즘 원티드 아티클과 브런치를 자주 보는 편이다. 양질의 글들이 정말 많아 디자이너로써 더 멋진 성장을 이루는데 도움이 된다. 오늘은 이력서 작성의 꿀팁 글들을 정리 해 볼 예정이다. 디자이너 이력서 키워드 다음 아티클에서는 원티드에서 서류 합격한 디자이너들의 이력서에 가장 많이 쓴 단어를 분석해 설명해주고 있다. 또한 원티드 이력서를 작성해본 자로써, 합격/불합격 어휘 가이드가 참 잘 되어있다는 것을 느낄 수 있었다. 취직/이직을 준비하시는 분들은 꼭 이용해보라고 말씀드리고 싶다. 원티드에서 합격한 디자인 직군 이력서 합격 키워드 | 원티드 디자인 직군 합격 이력서에서 뽑은 5가지 키워드를 원티드 소속 시니어 디자이너의 분석 코멘트와 함께 소개합니다. www.wanted.co.kr 경력직 이력서 ..

CORS 에러 해결 법

SOP(동일출저정책) Same-Origin Policy 프로토콜, 호스트, 포트가 동일한 서버로만 ajax 요청을 주고 받을 수 있도록 한 정책 기본적으로 웹 브라우저 보안을 위해 SOP(동일출저정책)에 따라 같은 출처로 된 서버에서만 리소스를 받아올 수 있다. 같은 출처가 아니라면 CORS 에러를 발생시킨다. 하지만 개발을 하는 과정에서 다른 출처의 리소스를 받아와야할 때가 있는데 이때 PROXY 기능을 사용해 CORS 정책을 우회할 수 있다. CORS란? 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제..

태그, 속성값 호환성 체크 웹 사이트

Can I use? https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com

position 속성

relative -원래 있는 자리에서 움직임 position: relative position - 부모 박스를 기준으로 움직임 position: absolute; fixed - 상자를 벗어나 웹페이지에서 움직임 position: fixed; sticky - 원래 있는 자리에 그대로 있으면서 스크롤을 내려도 따라온다 position: sticky

div 태그와 span 태그의 차이

inline 물건 inline-block 상자 - 한줄에 여러개가 표시될 수 있음 block 한줄당 하나씩 들어가는 상자 div 태그는 block 속성을 가지고 있다. (빨간 박스) box 를 조정 span은 inline-block 속성을 가지고 있다. (파란 content)물건. display 태그로 속성을 변경할 수 있다. display: inline, inline-block, block

CSS flex box정리

부모 박스에 적용하는 코드 container 1. flex 로 관리하겠다 display: flex; 2. 컨텐츠 축 설정 (기본값 row) flex-direction: row , column-reverse; 3. 줄바꿈 (기본값 nowrap) flex-wrap: nowrap, wrap, wrap-revers; 4. 2,3번 합한 것 flex-flow: colum nowrap; 5.가로축에서 아이템 어떻게 배치할건지 (기본값 왼->오 위->아래) justity-content: flex-start, flex-end, center, space-around(아이템 박스 둘러싼), space-between(양쪽끝 맞게); 6. 텍스트 기준 아이템 어캐 배치할건지 align-items: center, baselin..