원광정보예술고등학교 [ 미술과 ]
목원대학교 미술교육과 [ 서양화 전공 ]
시각디자인 과정 [ 그린컴퓨터아트학원 ]
인디자인 프로그램 기초 [ 한밭대학교 ]
관저음악미술센터 [ 아동미술교사 ]
서우기획 (충청투데이) [ 편집디자인 ] - 대리
사미텍 [ UIUX 디자이너 & 퍼블리셔 ]
웹디자인기능사
컴퓨터그래픽스운용기능사
중등학교 정교사 2급 [ 미술 ]
미술치료자격증 1급
미술치료자격증 2급
디자인은 문제를 해결하고, 메시지를 쉽게 전달하는 도구라고 생각합니다.신문사에서 그래픽 디자이너로 일하며 복잡한 정보를 시각적으로 정리하고,기자들과 협업해 독자가 이해하기 쉬운 결과물을 만들었습니다.
이 경험을 바탕으로 웹에 관심이 생겼고,'어떻게 하면 더 편하게 쓸 수 있을까'를 고민하며UX/UI 설계와 퍼블리싱까지 함께하게 되었습니다.
지금은 사용자 흐름을 고려한 화면을 직접 만들며,기획 의도를 이해하고 디자인과 마크업을 함께 다룹니다.작은 인터랙션도 사용자 입장에서 접근하려고 노력합니다.
협업을 통해 더 나은 결과를 만드는 데 보람을 느끼며,앞으로도 꾸준히 배우고 성장하는 디자이너가 되겠습니다.
클릭하면 다음 섹션으로 넘어갑니다
HTML, CSS, JavaScript 등 다양한 코드를 작성하고 수정하며, 자동으로 코드를 정리하고 오류를 확인합니다. 터미널에서 명령어를 실행하고 Git과 연동해 파일을 저장하고 관리합니다. 프로젝트에서는 팀과 함께 코드를 수정하고 피드백을 주고받으며 작업한 경험이 있습니다.
디자인 작업에서 Figma를 사용하며, 웹사이트의 와이어프레임과 프로토타입을 만듭니다. 컴포넌트를 활용해 디자인을 체계적으로 정리하고, 팀원들과 함께 실시간으로 디자인을 수정합니다. 디자인을 마친 후에는 HTML/CSS 퍼블리싱을 고려해 요소별로 정리합니다.
HTML을 사용하여 웹 페이지의 구조를 작성하며, 태그의 의미와 역할에 맞게 사용하는 것을 중요하게 생각합니다. 웹 표준을 준수하며, 다양한 요소를 활용해 웹사이트를 구성합니다.
CSS로 웹사이트의 스타일을 적용하고, 레이아웃을 설계합니다. 주로 Flexbox와 Grid를 활용하며, 반응형 웹 디자인을 구현합니다. 애니메이션 효과를 사용하여 사용자 경험을 향상시킵니다.
JavaScript로 웹 페이지에 인터랙티브 기능을 추가합니다. DOM을 조작하고, 이벤트를 처리하며, 비동기 프로그래밍을 활용합니다. 주로 웹 페이지의 동적인 요소를 구현하는 데 사용합니다.
React를 사용하여 컴포넌트 기반의 웹 애플리케이션을 개발합니다. useState, useEffect 등의 훅을 활용하며, 컴포넌트 간 데이터 전달을 위해 props를 사용합니다.
CSS 전처리기인 Sass를 사용하여 CSS를 더 효율적으로 작성합니다. 변수, 믹스인, 중첩 등의 기능을 활용하여 코드를 모듈화하고 유지보수성을 높입니다.
Photoshop을 사용하여 이미지를 편집하고 그래픽 디자인 작업을 합니다. 레이어, 마스크, 필터 등의 기능을 활용하며, 다양한 포맷의 이미지를 처리합니다.
Illustrator를 사용하여 벡터 그래픽을 제작합니다. 로고 디자인, 일러스트레이션, 인포그래픽 등 다양한 작업을 수행합니다.
InDesign을 사용하여 출판물, 브로셔, 카탈로그 등의 편집 디자인 작업을 수행합니다. 텍스트와 이미지를 조합하여 전문적인 레이아웃을 만듭니다.
GitHub를 사용하여 코드를 관리하고 협업합니다. 브랜치를 생성하고 병합하며, Pull Request를 통해 코드 리뷰를 진행합니다.