728x90 반응형 전체 글100 Yarn 설치 homebrew를 아직 설치 전이라면 아래의 명령어로 설치를 완료합니다. $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" homebrew 이용하여 yarn 설치하는 명령어 입니다. $ brew install yarn Npm 이용을 이용하신다면 다음과 같습니다. $ npm install -g yarn 정상적으로 설치가 되었는지 확인하기 위해 다음과 같이 버전 확인을 합니다. $ yarn --version 설치 후 전역 사용에 문제가 있다면 Path 설정를 설정해 주시면 됩니다. $ export PATH="$PATH:/opt/yarn-[version]/bin" 추가로 yarn 캐쉬삭.. 2024. 1. 8. Node.js 설치하기 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS로 좌측의 안정화 버전으로 다운받아 설치합니다 인스톨 시작 다음 버튼을 눌러 주시고요 다음과 같이 동이하기를 체크하여 다음버튼을 눌러주십니다. nodejs를 설치할 폴더를 지정하여 주시고 역시 다음 버튼을 눌러주세요. 런타임버전으로 선택후 다음버튼을 눌렀습니다. 체크하지 않고 다음 버전을 눌러주었습니다. 최종적으로 인스톨버튼을 클릭하여 설치를 완료하십니다. FINISH로 설치를 완료합니다. 설치가 잘 되었는지 확인을 위해서 명령창을 열고 "node -v" 명령으로 버전정보를 확인해 봅니다. 아래는 .. 2024. 1. 8. 기초세금상식 기초세금상식 사업자는 다음과 같은 세금을 납부하여야합니다. 부가가치세 상품(재화) 등을 판매하거나 서비스(용역)을 제공하면 부가가치세를 납부하여야 합니다. 그러나, 다음과 같이 생활필수품을 판매하거나 의료·교육관련 용역을 제공하는데 대하여는 부가가치세가 면제됩니다. 곡물, 과실, 채소, 육류, 생선 등 가공되지 아니한 식료품의 판매 연탄·무연탄, 복권의 판매 병·의원 등 의료보건용역 다만, 쌍꺼풀수술, 코성형수술, 유방확대·축소술, 지방흡입술, 주름살제거술의 진료용역은 2011,7,1이후 제공하는 용역부터 과세 안면 육관술, 치아성형(치아매백, 라미네이트와 잇몸성형술을 말함) 등 성형수술(성형수술로 인한 휴유증 치료, 선천성 기형의 재건수술과 종양 제거에 따른 재건수술은 면세)과 악안면 교정술(치아교정치.. 2024. 1. 7. 쿠팡알바 체험기 쿠팡알바 체험기 인스타그램 지원링크에 낚여 연휴동안 놀면 뭐하나 싶어서 지원하게되었다. 컨터넨탈센터로 차를 끌고 갔지만 주차를 할 수 없어 외부에 댈 수 밖에 없었다. 내가 근무할 곳은 쿠팡 상차 4층이었고, 일용직 인원들이 상당하여 정신이 없었다 대기업이다 보니 일용직 지원도 시스템화되어 간단히 급여정보도 등록하였고 출근 체크인까지 완료하였다 새로운 환경에서 일할 생각에 가슴이 살짝 벅차오르기도 하고 멋적기도 하고 그랬다 다른 인파속에 어울려 대기줄에 썪이게 되었고 소분을 위한 라인배정을 기다렸다 드디어!! 레일을 배정 받았는데, 배송지가 마곡나루였던 레일이었다 하나 둘 레일에 딸려오는 택배들... 레일을 배정받았지 딱히 요령이나 교육을 듣지 못했던 터라 우앙좌왕의 연속이었다 그른데 그른데 이게 뭐꼬 .. 2024. 1. 6. 경매 공부 1탄 강제경매와 임의경매 법원의 강제경마나 임의경매는 채권자가 채무자의 재산을 경매를 통하여 제3자에게 처분하여 그 매각대금으로 자신의 채권을 회수하는 것이며, 강제경매와 임의경매는 실질적으로 경매신청절차에서만 차이가 있고, 경매를 집행함에 있어 민사집행법에 의해 이루어진다는 점에서 차이가 없다 강제경매 강제경매는 채무자가 애겨금 혹은 물품대금 등을 약손한 날짜에 갚지 않을 때 채권자는 이를 변제받기 위하여 소송을 제기하여 범원으로부터 집행권원*을 확보한 채권자가 자신의 채권을 회수할 목적으로 경매를 신청한 것 *결정문,명령문 등과 같은 판결문, 확정판결과 동일한 효력을 가지는 조세, 채무자가 집행수락을 기재한 공정증서 임의경매 임의경매는 저당권 등의 담보권을 가진 채권자에게 채무자가 채무를 변제하지 않으면 .. 2024. 1. 6. 증여를 하였으면 증거를 남기세요 타인으로부터 증여를 방으면 증여받은 달의 말일부터 3개월 이내에 증여세를 신고하여야 하며, 10년 내 동일인(직계존속의 경우에는 그 배우자 포함)으로부터 증여받은 금액을 합산하여 신고하여야 합니다. 증여재산공제 배우자로부터 증여받은 경우 : 6억원 직계존속(계부, 계모 포함)으로부터 증여받은 경우 : 5,000만 원(증여받은 자가 미성년자인 경우에는 2,000만원) 직계비속으로부터 증여받은 경우 : 5,000만 원(2015년 12월 31일 이전 증여인 경우 3,000만 원) 배우자 및 직계존비속이 아닌 친족으로부터 증여받은 경우 : 1,000만 원(2015년 12월 31일 이전 증여인 경우 500만원) 그러나 신고를 해놓지 않으면 사실상 증여재산공제액 범위 내에서 증여가 있었다 하더라도 그 사실을 객관적.. 2024. 1. 6. 어떤 자산을 팔면 양도소득세가 과세될까? 우리나라는 소득세법에 과세대상 소득을 열거하고 있는데, 다음 자산을 양도하고 발생하는 소득에 대하여는 양도소득세를 과세하고있습니다. 토지 • 건물 부동산을 취득할 수 있는 권리 지상권 • 전세권 • 등기된 • 부동산임차권 상장 • 코스닥 • 코넥스의 대주주 등이 양도하는 주식 대주주 등(주주1인과 특수관계인)의 주식소유 비율 및 시가총액 기준 구분 상장 주식(코스피) 코스닥 코넥스 지분율 1% 이상 2% 이상 4% 이상 시가총액 10 억 원 이상 10 억 원 이상 10 억 원 이상 장외거래 주식 비상장 주식 상장법인이 아닌 법인의 주식 기타자산 특정주식(과점주주) 자산총액 중 부동산(부동산에 관한 권리 포함)이 차지하는 비율이 50% 이상인 법인의 과점주주*가 보유 주식의 50% 이상을 해당 과점주주외의.. 2024. 1. 6. 특수문자 ✿ ☺ ☻ ☹ ☼ ☂ ☃ ⌇ ⚛ ⌨ ✆ ☎ ⌘ ⌥ ⇧ ↩ ✞ ✡ ☭ ← → ↑ ↓ ➫ ⬇ ⬆ ☮ ✔ ★ ☆ ♺ ⚑ ⚐ ✉ ✄ ⌲ ✈ ♦ ♣ ♠ ♥ ❤ ♡ ♪ ♩ ♫ ♬ ♯ ♀ ♂ ⚢ ⚣ ❑ ❒ ◈ ◐ ◑ ✖ ∞ « » ‹ › “ ” ‘ ’ „ ‚ – — | ⁄ \ [ ] { } § ¶ ¡ ¿ ‽ ⁂ ※ ± × ~ ≈ ÷ ≠ π † ‡ ¥ € $ ¢ £ ß © ® @ ™ ° ‰ … · • ● ▲ ▼ ◀ ▶ ◢ ◣ ◥ ◤ △ ▽ ◿ ◺ ◹ ◸ ▴ ▾ ◂ ▸ ▵ ▿ ◃ ▹ ◁ ▷ ◅ ▻ ◬ ⟁ ⧋ ⧊ ⊿ ∆ ∇ ◭ ◮ ⧩ ⧨ ⌔ ⟐ ◇ ◆ ◈ ⬖ ⬗ ⬘ ⬙ ⬠ ⬡ ⎔ ⋄ ◊ ▢ ⊞ ⊡ ⊟ ⊠ ▣ ▤ ▥ ▦ ⬚ ▧ ▨ ▩ ⬓ ◧ ⬒ ◨ ◩ ◪ ⬔ ⬕ ❏ ❐ ❑ ❒ ⧈ ◰ ◱ ◳ ◲ ◫ ⧇ ⧅ ⧄ ⍁ ⍂ ⟡ .. 2024. 1. 4. [Stencil]토글가능한 Expander UI만들기 Watch 를 이용해 isOpen의 값 변화를 주어 Expander 를 만들어 보겠습니다. button 마크업에 onclick 이벤트로 expanderClick 함수를 호출하였고, isOpen의 값을 변경하였습니다. Watch에서 값 변경을 인식하여 현재 컴포넌트의 상태값을 변경해주는 로직입니다. import { Component, Host, h, Prop, Watch, Element } from '@stencil/core'; @Component({ tag: 'td-expander', styleUrl: 'td-expander.less', shadow: true, }) export class TdExpander { @Prop() itemType: string; @Prop() panelId: string; .. 2024. 1. 4. [Stencil]컴포넌트 구성 셋 컴포넌트 사용 class 값과 text를 인자로 받는 간단한 컴포넌트를 생성해봅시다. 인자 값을 받기 위해 스텐실에 내장된 Prop를 임포트해주고, tdList 클래스 내부에 text와 class를 문자열로 선언해줍니다. render되는 마크업에 Prop로 선언된 요소를 this를 붙여 배치 시킵니다. import { Component,h,Prop } from '@stencil/core'; @Component({ tag: 'td-list', styleUrl: './td-list.css', shadow: true }) export class tdList { @Prop() text: string ; @Prop() class: string ; render() { return ( {this.text} ); } .. 2024. 1. 3. [Stencil]Web components API Web components API Stencil에서 제공하는 전체 API는 데코레이터, 수명 주기 후크 및 렌더링 방법 집합으로 압축될 수 있습니다. 데코레이터 데코레이터는 구성 요소에 대한 모든 메타데이터, 구성 요소가 노출할 수 있는 속성, 특성 및 메서드, 내보낼 수 있는 이벤트 또는 관련 스타일시트를 수집하기 위해 스텐실에서 사용하는 순수한 컴파일러 시간 구성입니다. 모든 메타데이터가 수집되면 모든 데코레이터가 출력에서 제거되므로 런타임 오버헤드가 발생하지 않습니다. @Component()는 새로운 웹 구성요소를 선언합니다. @Prop()은 노출된 속성/속성을 선언합니다. @State()는 구성 요소의 내부 상태를 선언합니다. @Watch()는 속성이나 상태가 변경될 때 실행되는 후크를 선언.. 2024. 1. 3. web components :part() part의 값을 정의하여 사용하면 CSS가 ::part 요소를 통해 쉐도우 트리의 특정 요소를 선택하고 스타일을 지정할 수 있습니다. 하지만 사파리에서 호환이 어렵다는 문제가 있어요(exportparts) css는 다음과 같이 사용하고 :host{ &::part(part){ color:red; } } 웹컴포넌트에서 사용은 파트 버튼 아래와 같이 exportparts도 사용할 수 있지만 사파리에서 적용이 안됩니다. 쉐도우 돔 하위 요소의 스타일을 지정할 때 사용하지만 호환이 안된다는 단점이 있어서 사용을 안하고 있어요 파트 버튼 2024. 1. 3. 이전 1 ··· 5 6 7 8 9 다음 728x90 반응형
