그냥 개발자 블로그

1. 설치 npm i -D sass 2. 설정 변경 //svelte.config.js import adapter from "@sveltejs/adapter-auto"; import preprocess from "svelte-preprocess"; const config = { preprocess: preprocess({ typescript: true, scss: true }), kit: { adapter: adapter(), }, }; export default config; 3. 사용 div{ a{ font-weight:bold; } }

소개: 프론트엔드 개발은 웹 애플리케이션의 사용자 경험을 향상시키는 역할을 담당하며, 데이터를 효과적으로 다루는 것은 프론트엔드 개발자로 성공하기 위한 가장 중요한 기술 중 하나입니다. 이 글에서는 데이터를 다루는 기술의 중요성에 대해 설명하고, 성공적인 프론트엔드 개발자가 되기 위해 데이터 다루기 기술을 익히는 이유에 대해 알아보겠습니다. 1. 사용자 경험 개선: 프론트엔드 개발은 사용자와의 상호작용을 중심으로 합니다. 데이터를 효과적으로 다루면 사용자에게 더 나은 경험을 제공할 수 있습니다. 데이터를 신속하게 가져오고, 적절하게 표시하고, 상호작용에 대한 피드백을 제공하는 등 사용자가 원하는 정보를 정확하게 전달할 수 있습니다. 데이터를 잘 다루는 개발자는 사용자에게 높은 품질의 애플리케이션을 제공할..

Svelte는 현대적인 프론트엔드 프레임워크로서 많은 개발자들에게 인기를 얻고 있습니다. 다른 프레임워크와 비교하여 Svelte의 주요 장점은 다음과 같습니다: 1. 성능 최적화: Svelte는 컴파일 시점에 코드를 변환하여 가벼운 런타임 코드를 생성합니다. 이는 브라우저에서 실행되는 동안에 추가적인 프레임워크 로직을 처리하는 비용을 줄여줍니다. 따라서 Svelte로 개발된 애플리케이션은 빠른 초기 로딩 속도와 우수한 실행 성능을 보여줍니다. 2. 작은 번들 크기: Svelte는 가상 DOM(Virtual DOM)을 사용하지 않으며, 컴파일된 결과물은 최소한의 코드만 포함하도록 최적화됩니다. 이는 번들 크기를 작게 유지하여 사용자가 빠르게 애플리케이션을 로드하고 실행할 수 있게 해줍니다. 작은 번들 크기..

기업을 고객으로 하는 사업을 B2B 사업이라고 합니다. 고객의 선택을 받으려면 어떻게 해야 하고 어떤 준비를 해야 할까요? 각 단계별로 알아봅니다. 대부분의 고객은 필요성 파악, 검색, 비교하기, 선택의 4가지 과정을 거치며 기업을 선택합니다. 1. 필요성 파악 : 불편함, 필요성 등을 고객이 인지하는 단계입니다. - 고객의 불편함을 미리 예측하고 광고를 진행하면 다음 단계들을 쉽게 패스될 수 있습니다. (TV광과, 매체광고, 버스광고, 지하철 광고 등) 2. 검색 : 고객이 수주 기업을 찾은 단계입니다. - 고객이 웹에서 검색할 수 있도록 예상되는 키워드를 선정하여 광고를 진행해 유입을 도모합니다. (구글키워드, 네이버 키워드 등) - 유튜브, 인스타그램, 페이스 북 등 다양한 SNS 채널을 통해 기업..

https://youtube.com/shorts/FamES1SJfCc?feature=share

네이티브 앱을 제작하는 것도 좋은 방법 이지만 유지관리가 여간 까다로운게 아니다. 따라서 다음과 같은 방법을 추천한다. 1. 모바일 웹으로 서비스를 만든다. java, php, html, css, react 등 뭔든 괜찮다. 2. 모바일 웹을 react native 로 패키징 한다. react native 로 app 안에 web view를 배치하고 이를 통해 모바일 웹 페이지가 보이게 하는 것이다. 3. 필요하다면 react native에 모바일 웹과 디바이스 간의 통신을 만들어 로컬 기능들을 사용할 수 있다. LED, GPS, 센서 등 이렇게 만든다면 비용면에서 제작 후 유지 측면에서도 상당히 도움이 된다. 위와 같은 방법으로 워크식스에서 만든 서비스는 아래 링크를 참조. - e편한 견적 모바일 웹 :..

웹을 통해 편의점 택배 접수 후 gs25 편의점에서 운송장을 뽑아 택배 보내는 시스템 개발, 택배 상태(예약, 집하, 배송 등) 관리 시스템 어드민도 함께 개발 백엔드관련기술 php, node.js DB관련기술 mariadb 프론트관련기술 sveltekit, javascript, html5, scss 서버관련기술 gcp, linux(ubuntu), crontab 보안관련기술 ssl(https),암/복호화 참여도 100% 참여인력 14년차 풀스택 개발자 1명 개발기간 2개월 협력기관 sf express, kex express, gs25, 세종텔레콤 주요개발내용 카카오 알림톡으로 본인인증 sf api 연동 및 암호화 복호화 gs25 api 연동 및 암호화 복호화 sf와 gs25 간 화물 상태 연동 브릿지 s..

웹 또는 앱을 통해 견적서를 어디서든지 작성하고 링크 또는 이메일, 프린트를 통해 공유할수 있는 서비스 개발 백엔드관련기술 node.js DB관련기술 mariadb 프론트관련기술 sveltekit, javascript, html5, scss 서버관련기술 docker 보안관련기술 ssl(https) 앱관련기술 expo, react native 디자인관련기술 figma 참여도 100% 참여인력 14년차 풀스택 개발자 1명 개발기간 2개월 주요개발내용 로그인으로 인증코드를 발송하여 가입 없이 로그인 견적서 항목 자동 계산 최신 등록정보 자동으로 가져오기 이메일로 견적서 발송 게스트 비밀번호 입력 후 견적서 조회 기능 견적서 링크 복사 기능 견적서 수정 견적서 프린트 기능