[컨퍼런스] 2024 FECONF 후기 😎 드디어 나도 가봤다!

2024 FECONF 후기 안녕하세요. 테이입니다.  😉 지난 2024년 8월 24일 세종대학교 광개토회관에서 진행한 FECONF 2024 행사에 다녀왔습니다. 얼떨결에 티케팅을 성공해서 처음으로 컨퍼런스에 참여할 수 있었습니다! 감사합니다! 어느새 2개월이 지나버렸지만 저의 첫 개발 컨퍼런스 후기를 작성해 보겠습니다.  ✨ 입장저는 시작 시간에 맞춰서 도착했는데, 유명한 컨퍼런스라 그런지 사람이 엄청 많더라고요. 줄이 엄청 길었지만 컨퍼런스 관계자분들이 안내를 잘 해주셔서 금방 들어갈 수 있었습니다! 들어가자마자 오픈소스 투표를 하더라고요. 투표수에 따라 해당 오픈소스의 후원 금액이 결정된다고 하네요 ㅋㅋㅋㅋ Pretendard오픈소스 폰트Tanstack Query비동기 상태 관리 자바스크립트 라이브..

• format_list_bulleted 📃 기록/강의
• · 2024. 11. 8.
• textsms

[근무일지] 비전공 프론트엔드 개발자 2년 근무 후기

노답 프론트엔드 개발자 2년 근무 후기안녕하세요. 테이입니다. 개발을 공부하고 개발자로 전직한 지 벌써 2년이 되었더라고요.. 시간 진짜 미쳐; 😵 이로써 디자이너 경력보다 개발자 경력이 더 길어졌습니다. 아무튼간에 노베이스 비전공자로 시작하여 2년 동안 나름의 프론트엔드 개발자로서 근무한 후기를 작성해보려고 합니다. 두서없이 마구 쓴 영양가 없는 글 양해 부탁드립니다. 👑 2년간의 업무저는 제가 개발자가 된다면 개발을 어떻게 진행할지 제일 궁금했습니다.. 하지만 별 거 없더라구요^^; 대부분의 개발이 단순히 api를 받고 CRUD 개발뿐이었고 심지어 그마저도 혼자 고군분투했습니다ㅜㅋㅋㅋㅋ😂 다른 프론트 개발자들은 어떻게 일하는지 너무 궁금해요... 회사에서는 작년까지만 해도 관리자 페이지나 회사 서비스..

• format_list_bulleted 📃 기록/개발자 일지
• · 2024. 9. 5.
• textsms

Vue Composable로 로직 재사용하기

로직을 재사용할 수 있는 Composable🌱Composable 이란- 컴포지션 api를 가장 잘 활용할 수 있는 vue의 꽃- 컴포지션 api를 활용하여 상태 저장 비즈니스 로직을 캡슐화하고 재사용하는 기능을 말한다.※ 상태 저장 로직은 사용하면서 변경되는 상태 관리가 포함되는 로직을 말한다. 🌱Composable 작성 및 사용 방법Vue 공식 사이트에 있는 예제로 이해해보자적용 전 : 마우스 위치 추적기마우스 위치: {{ x }}, {{ y }}- 컴포넌트 내에서 컴포지션 api를 사용하여 마우스 추적 기능을 구현!- 다른 컴포넌트에서 해당 로직을 재사용하려면 이러한 로직을 외부 파일의 컴포저블 함수로 재구성하여 추출해서 사용할 수 있다! 1. 컴포저블 함수로 재구성// composables/mo..

• format_list_bulleted 🧠 저장/Vue
• · 2024. 8. 24.
• textsms

Vue에서 플러그인 사용 방법 간단 정리

Vue에서 플러그인 사용 방법 간단 정리📌 플러그인-  Vue에서 플러그인은 일반적으로 Vue의 전역 수준(앱 레벨)의 기능을 추가할 때 사용하며, 정의된 범위는 없다.   플러그인 사용 시나리오(1) app.component()로 여러개의 전역 컴포넌트를 등록하려고 할 때(2) app.directive()로 여러개의 커스텀 디렉티브를 등록하려고 할 때(3) app.provide()로 앱 전체에 메서드 또는 데이터를 주입하려고 할 때(4) app.config.globalProperties로 전역 애플리케이션 인스턴스에 속성 또는 메서드를 추가하려고 할 때(5) 위의 몇가지 조합을 수행하는 라이브러리를 설치하려고 할 때 (ex: vue-router)  플러그인 작성 방법1 - install 메서드를 가진..

• format_list_bulleted 🧠 저장/Vue
• · 2024. 8. 23.
• textsms

Vue의 Custom Directives

Vue의 Custom Directives✂️  커스텀 디렉티브- 직접 커스텀한 디렉티브- 커스텀 디렉티브는 주로 HTML 요소에 대한 low-level(저수준) DOM 접근과 관련된 로직을 재사용하기 위한 것이다.※ Vue에서는 UI 재사용할 땐 Component, 상태를 저장하는 비즈니스 로직을 재사용할 때는 Composables을 사용한다. Custom Directives 등록 방법(1) script setup에서 커스텀 디렉티브 등록- v 접두사로 시작하는 모든 카멜케이스 변수를 커스텀 디렉티브로 사용할 수 있다. (2) 일반 script에서 커스텀 디렉티브를 등록- directives 옵션을 사용하여 커스텀 디렉티브를 등록 (3) 전역적으로 커스텀 디렉티브 등록// main.jsapp.direct..

• format_list_bulleted 🧠 저장/Vue
• · 2024. 8. 22.
• textsms