경력

이프커뮤니티 | 웹 퍼블리셔

담당 업무

• HTML5, SCSS, JavaScript를 이용한 웹 퍼블리싱
• 웹 표준과 접근성, 호환성을 준수한 마크업 및 시멘틱 마크업
• 소개 페이지 또는 GIS (지리정보시스템) 페이지 퍼블리싱
• Vue, Astro, Svelte + tailwind CSS 환경 퍼블리싱

학력

• 서울아이티고등학교 스마트 웹 콘텐츠과 졸업 (2021)
• 산업기능요원 대체복무 완료 (2021.08.25 ~ 2024.06.25)
• 방송통신대학교 컴퓨터 과학과 재학중 (2025 ~)

기술

HTML5

• 시멘틱 마크업
• 웹 표준 / 접근성 / 호환성 준수 및 WAI-ARIA 활용
• meta 태그 및 Open Graph 활용

CSS3

• id 대신 class 활용
• !important 는 최대한 지양
• 사이즈 적용 시 고정값 (px) 대신 %, rem 등의 상대값 사용
• 컬러 값 적용 시 컬러 이름 (red,white) 대신 명확한 rgb / hex code를 사용
• 중복되는 코드는 css 변수로 관리 하거나 SCSS Mixin으로 관리
• 셀렉터 단순화 (셀렉터가 길어지지 않도록 작성)
• 셀렉터 선택 시 태그 이름 보단 class 이름으로 선택
• :first-child, :last-child 등의 가상 클래스 대신 class를 활용
• Flex / Grid 활용
• 미디어쿼리를 이용한 반응형 구현

SCSS

• 부모 선택자 (&) 활용
• mixin, function, variable 활용

JavaScript

• getElementById, getElementsByClassName, querySelector 등의 DOM API 활용
• Event Listener 활용
• ES6 문법 (const / let, 템플릿 리터럴, 구조분해할당, Rest 파라미터, 스프레드, 화살표 함수 등)
• forEach, map, filter 등 배열 메서드 활용
• 접근성 키보드 이벤트 제어
• 로컬스토리지를 활용한 다크테마 작업

jQuery

• 노드를 찾을 수 있는 메서드 활용 (parent, parents, children, find, closest, siblings, next, prev, nextUntil, prevUntil)
• 요소를 제어하는 메서드를 활용 (append, prepend, after, before, html, text) 하여 CRUD 가능
• 요소의 속성을 제어하는 메서드 활용 (attr, removeAttr, prop, removeProp, val)
• 요소의 클래스를 제어하는 메서드 활용 (addClass, removeClass, toggleClass, hasClass)
• 요소의 순서를 제어하는 메서드 활용 (index, eq, not)

React

• useState, useEffect, useRef 등의 훅 활용
• 중복되는 코드는 커스텀 훅으로 관리
• Styled-components, react-spring, Axios, loadsh, react-responsive, Redux Toolkit 등의 라이브러리 활용
• 로컬스토리지를 활용한 기초 CRUD

Next

• 기존 리액트 프로젝트에서 SEO 이슈가 있어서 Next13 으로 마이그레이션

Vue (vue3 script setup)

• 이벤트핸들러, 라이프사이클, 라우터 활용
• computed & watch, ref & reactive 차이점 숙지
• v-for, v-if, v-show, props, slot, emit 등의 vue 문법 숙지

Astro (v4)

• 상태관리가 딱히 필요없는 정적 웹사이트 (블로그) 를 만들기 위한 도구로 활용

Gulp

• 코드를 일일이 하드코딩 하지않고, gulp로 작업물을 자동화 (공통파일 관리, scss 컴파일, css prefix, browser-sync 등)

Git

• Git으로 버전관리 및 협업
• commit, push, pull, merge, webhook 활용

Figma

• Auto Layout, 컴포넌트 기능을 활용한 웹 페이지 디자인 가능

자격증

• 정보처리기능사 (2021.05 취득)
• 웹 디자인기능사 (2021.09 취득)