anko와 함께하는 developer :D anko와 함께하는 developer :D

전체 글

• 호이스팅 주의하기

  JavaScript/CleanCode 2023. 2. 22. 09:01

  호이스팅이란? 런타임시 선언이 최상단으로 끌여 올려지는 것 문제점 코드를 작성할 때 예측하지 못한 실행 결과가 나옴 해결법 변수를 선언할 때 var 사용 금지, let, const 지향하기 // var 사용 금지 var num = 1; // let, const 지향 const number = 1; let nums = 1; 함수 표현식 사용하기 const sum = (a, b) => { return a + b; };

  Read More
• 디자인시스템은 왜 필요할까?

  Design System(Vue.js) 2023. 2. 16. 14:01

  시작하며, 디자인시스템을 Vue3로 만들고 있다. 만들라고해서 만들기만하지말고, 왜 필요한지, 어떻게 만들어갈 것인지에 대해 생각해봤다. 디자인시스템? 구성요소들이 상호작용하거나 상호의존하여 복잡하게 얽힌 통일된 하나의 집합체. 복잡한 사회적 체계의 맥락에서 구조와 행동을 통제하는 규칙들의 집합체 장점? 프론트엔드개발 코드 길이 단축 제품이 커질수록 관리비용 대폭 절감 디자인 시간 절약으로 전체적인 퀄리티와 생산성 증가 서비스 디자인 UI 의 일관성 유지 왜 필요함? 각 직군 마다 프로젝트를 보는 관점이 다르다. 원칙과 가이드라인 없이 만든 프로젝트는..? UI 일관성을 떨어뜨리고, 사용자에게 혼란을 주거나 잘못된 방향으로 학습시킨다. 컴포넌트의 옵션은 Strictness? flexibility를 줘야할..

  Read More
• JSDoc

  DevelopDictionary 2023. 1. 5. 09:06

  JSDoc는 TypeScript처럼 강제성을 주지 않고 오로지 힌트를 주기 위해 사용한다. 코드) /** * 어떤 함수인지 설명 * @todo 내일까지 XX 기능 추가 * @param {string} name 이름 * @param {number} age 나이 * @returns 두개 합쳐서 문자로 뱉어줘요 */ const hello = (name, age) => { return `${name}은 ${age}살 입니다.`; }; hello('멍멍이', 5); 결과) @param 은 함수의 parameter를 말하고, 그 옆에 있는 {} 중괄호는 어떤 타입인지 힌트로 알려줄 수 있다. name은 parameter 명을 쓴 것이고, 그 옆은 parameter에 대한 설명이다. @todo는 메모 기능이라고 보면..

  Read More
• Vuex 기술 요소

  Vue 2022. 10. 27. 14:00

  Vuex 기술 요소 state: 여러 컴포넌트에 공유되는 데이터 (data) getters: 연산된 state 값을 접근하는 속성 (computed) mutations: state 값을 변경하는 이벤트 로직/메서드 (methods) state는 왜 직접 변경하지 않고 mutations로 변경할까? - 여러 개의 컴포넌트에서 아래와 같이 state 값을 변경하는 경우 어느 컴포넌트에서 해당 state를 변경했는지 추적하기 어렵다. - 특정 시점에 어떤 컴포넌트가 state를 접근하여 변경한 건지 확인하기 어렵기 때문 - 따라서, 뷰의 반응성을 거스르지 않게 명시적으로 상태 변화를 수행, 반응성, 디버깅, 테스팅 혜택. actions: 비동기 처리 로직을 선언하는 메서드 (async methods)

  Read More