닥터핸

닥터핸

닥터핸닥터핸· 2개월

개발자가 이직 마음이 있을 때 반드시 준비해야 할 것

개발자로서 한 회사에서 오래 일하는 것도 좋지만, 더 나은 기회를 찾거나 새로운 도전을 위해 이직을 고려하는 경우가 많습니다. 어찌보면 당연한 얘기일 수도 있구요. 하지만 무작정 이직을 결정하는 건 쉽지 않고, 자칫 잘못된 선택을 내릴 수도 있기 때문에 철저한 준비가 필요합니다. 몇 번의 이직 경험을 토대로 개발자가 이직을 준비할 때 반드시 해야 할 것들을 정리해보겠습니다. 1. 이직의 목적을 명확히 하기 이직을 준비하기 전에 왜 이직을 하고 싶은지 스스로에게 질문해보시기 바랍니다. 단순히 연봉을 올리기 위해서인지, 더 좋은 기술 스택을 경험하고 싶은지, 업무 강도가 문제인지 등을 명확히 해야 합니다. 목적이 명확해야 올바른 방향으로 후회없는 이직을 준비할 수 있습니다. 예를 들면, 현재 회사에서 어떤 점이 불만인가? 내가 원하는 회사 문화는 무엇인가? 연봉, 기술 스택, 복지 중 가장 중요한 요소는 무엇인가? 이직 목적이 명확하지 않을 때 발생하는 문제점 지원하는 기업을 선정하는 기준이 애매해져 불필요한 지원을 하게 됨 면접 과정에서 본인이 원하는 방향을 명확히 전달하지 못해 평가가 낮아질 가능성이 있음 이직 후에도 만족스럽지 않아 다시 이직을 고민하는 상황이 발생할 수 있음 연봉 상승만을 목표로 했을 경우, 업무 만족도가 낮아질 위험이 있음 2. 이력서 및 포트폴리오 정리하기 이직을 준비할 때 가장 먼저 해야 할 것은 이력서와 포트폴리오 정리입니다. 많은 개발자들이 이력서를 최신 상태로 유지하지 않다가 급하게 이직할 때 업데이트하는 경우가 많습니다. 평소에 간단하게라도 이력서 관리를 해두면 좋습니다. 이력서 작성 팁 과거보다는 최근 프로젝트 경험과 성과를 중심으로 작성하기 단순한 업무 나열이 아닌, 본인의 기여도와 결과를 설명하기 사용하는 기술 스택을 명확히 정리하기 (예: Java, Spring Boot, AWS 등) 가독성이 좋은 형식 유지하기 (너무 길지 않게 A4 한두 장 이내) 포트폴리오 준비 포트폴리오는 프론트엔드/백엔드 개발자 모두에게 중요합니다. 프론트엔드 개발자: 개인 블로그나 Github, 실제 서비스 배포 경험 백엔드 개발자: 프로젝트 아키텍처 다이어그램, API 설계, 성능 개선 사례같은 게 있으면 좋음. 풀스택 개발자: 실제 운영되는 서비스 링크, GitHub 레포지토리 있다면 공유 특히 네이버, 카카오, 토스, 배달의민족 등 IT 기업들의 채용 과정에서 포트폴리오와 코드 리뷰가 중요한 평가 요소가 될 수 있습니다. 3. 기술 면접 및 코딩 테스트 준비하기 국내 규모있는 IT 기업은 기술 면접과 코딩 테스트를 진행합니다. 코딩 테스트를 보는 곳을 지원한다면 오랜만에 면접을 보게 되면 당황할 수 있으므로 미리 준비하는 것이 중요합니다. 코딩 테스트 준비 방법 프로그래머스, 백준, 코딩테스트 대비 문제 연습하기 자료구조, 알고리즘 (정렬, 탐색, DP, BFS/DFS 등) 개념 복습하기 SQL 문제 및 DB 설계 연습하기 JavaScript, Python, Java 등 사용하는 언어의 최신 트렌드 파악하기 기술 면접 대비 프로젝트 경험을 기반으로 예상 질문 정리하기 CS 기본 지식 복습 (운영체제, 네트워크, 디자인 패턴 등) 모의 면접 진행해보기 (동료 개발자나 AI 면접 도구 활용) 국내 주요 IT 기업(네이버, 카카오, 쿠팡 등)의 면접 방식 분석하기 4. 희망하는 기업 리서치하기 막연하게 여러 기업에 지원하는 것보다는, 자신이 가고 싶은 회사의 정보를 미리 조사하는 것이 중요합니다. 기업 조사 방법 공식 웹사이트 및 기술 블로그 확인 기업이 어떤 서비스를 제공하는지 파악 기술 블로그를 통해 기술 스택 및 개발 문화 확인 채용 공고 분석 요구하는 기술 및 업무 내용 확인 연봉 및 복지 수준 파악 직원 후기 및 기업 문화 조사 잡플래닛, 블라인드 등을 활용하여 실제 직원 리뷰 확인 사내 분위기, 야근 문화, 복지 제도 등의 정보를 얻기 네트워크를 통한 정보 수집 기존 동료나 업계 지인을 통해 회사 내부 분위기 확인 컨퍼런스, 밋업에서 현직자들과 교류 기업 재무 상태 및 성장 가능성 확인 상장 기업이라면 금융감독원 전자공시시스템(DART) 활용 스타트업의 경우 투자 현황 및 최근 성장세 확인 5. 네트워크를 활용하기 이직을 준비할 때 네트워크는 매우 중요한 요소입니다. 지인 찬스나 온라인 커뮤니티를 통해 정보를 얻으면 좋은 기회를 잡을 확률이 높아집니다. 네트워킹 방법 기존 동료 및 친구들에게 관심 있는 회사가 있는지 물어보기 국내 개발자 커뮤니티(뎁스노트, Okky 등)에서 정보 교류 컨퍼런스, 밋업, 개발자 행사 참석 (AWS Summit, GDG DevFest 등) 링크드인에서 활동하는 방법도 있음 많은 IT 스타트업에서는 내부 추천을 통한 채용이 활발하기 때문에, 지인을 통한 추천이 서류 합격률을 높일 수 있습니다. 6. 현재 회사와 원만하게 퇴사 준비하기 이직을 결정했다면, 현재 회사와의 관계도 원만하게 유지하는 것이 중요합니다. 잘 정리된 인수인계와 매너 있는 퇴사는 개발자로서 평판을 지키는 데 큰 도움이 됩니다. 퇴사 준비 체크리스트 최소 1개월 전에 퇴사 의사를 밝히기 (보통 1~2개월 전 공지가 적절함) 주요 업무 및 프로젝트 인수인계 문서 작성 Git, 서버, 문서 등 필요한 자료 정리 남아 있는 연차 소진 및 퇴사 후 건강보험, 연금 등 정리 은근 이 업계가 좁아서 마지막까지 좋은 이미지를 남기는 것이 중요합니다. 마무리 이직을 고민중이고 궁금하다면 댓글로 편하게 남겨주세요! 😊
294
1
0
닥터핸닥터핸· 2개월

TypeScript의 심장, tsconfig.json 설정 체크리스트

TypeScript 개발자라면, tsconfig.json이 개발자들에게 얼마나 중요한지 아시죠? TypeScript로 개발하는 대부분의 프로젝트에서 tsconfig.json은 프로젝트의 설정을 정의하고 TypeScript 컴파일러가 동작하는 방식을 결정하는 핵심 파일입니다. 이 글에서는 2ality 블로그에서 다룬 내용을 기반으로 tsconfig.json의 주요 개념과 활용법을 살펴보겠습니다. TypeScript를 사용 중이거나 도입을 고려 중인 분들에게 도움이 되고자 기본 개념부터 예제까지 정리해보았습니다. tsconfig.json이란 무엇인가? tsconfig.json은 TypeScript 프로젝트의 컴파일러 옵션과 파일을 정의하는 구성 파일입니다. 이 파일을 통해 TypeScript 컴파일러인 tsc가 어떤 파일을 컴파일할지, 어떤 규칙을 적용할지, 어떤 출력을 생성할지를 결정할 수 있어요. 기본 구조 다음은 간단한 tsconfig.json 예제입니다. { "compilerOptions": { "target": "ES6", "module": "CommonJS", "strict": true, "outDir": "./dist" }, "include": ["src/**/*"], "exclude": ["node_modules", "dist"] } 설명 compilerOptions: 컴파일러의 동작 방식을 설정합니다. target: 컴파일된 JavaScript의 ECMAScript 버전을 설정합니다. module: 모듈 시스템을 정의합니다. strict: TypeScript의 엄격 모드를 활성화합니다. outDir: 컴파일된 파일이 저장될 디렉터리를 지정합니다. include: 컴파일 대상이 되는 파일이나 디렉터리를 지정합니다. exclude: 컴파일에서 제외할 파일이나 디렉터리를 지정합니다. 주요 설정 옵션 compilerOptions에서 중요한 설정들 아래는 자주 사용되는 주요 설정들입니다. target JavaScript로 트랜스파일링될 ECMAScript 버전을 설정합니다. 예: "ES5", "ES6", "ES2020" module 모듈 시스템을 정의합니다. 예: "CommonJS", "ESNext", "AMD" Tip: Node.js 환경에서는 CommonJS를, 최신 브라우저에서는 ESNext를 주로 사용합니다. strict TypeScript의 모든 엄격 모드를 활성화합니다. 엄격 모드가 활성화되면 문법 검사를 강력하게 해줍니다. paths와 baseUrl 프로젝트 내에서 모듈을 더 간단히 import할 수 있도록 도와줍니다. { "compilerOptions": { "baseUrl": "./", "paths": { "@components/*": ["src/components/*"] } } } 위 설정으로 다음과 같은 단축 import가 가능해집니다. import { Button } from "@components/Button"; include와 exclude include: 특정 파일이나 디렉터리만 컴파일 대상으로 지정합니다. 예: "src/**/*"는 src 폴더의 모든 파일을 포함합니다. exclude: 특정 파일이나 디렉터리를 컴파일에서 제외합니다. 예: "node_modules"를 제외하여 불필요한 파일을 제외합니다. 실전 예제: React 프로젝트에서 tsconfig.json 설정하기 React 프로젝트에서는 다음과 같은 설정이 일반적입니다. { "compilerOptions": { "target": "ES6", "module": "ESNext", "jsx": "react-jsx", "strict": true, "baseUrl": "./", "paths": { "@hooks/*": ["src/hooks/*"], "@utils/*": ["src/utils/*"] }, "outDir": "./build", "esModuleInterop": true }, "include": ["src/**/*"], "exclude": ["node_modules", "build"] } 주요 포인트 jsx: React의 JSX 구문을 지원하도록 설정합니다. esModuleInterop: CommonJS 모듈과의 호환성을 향상시킵니다. paths: 모듈 경로를 간단히 설정할 수 있습니다. 알아두면 좋은 팁 tsc --init 명령어 사용 TypeScript 프로젝트에서 기본 tsconfig.json 파일을 생성하려면 tsc --init 명령어를 사용하세요. 필요한 기본 옵션들이 자동으로 생성됩니다. VS Code와의 통합 VS Code는 tsconfig.json을 자동으로 인식해 코드 작성과 디버깅을 도와줍니다. 타입 추론과 IntelliSense를 활용해 개발 생산성을 높일 수 있어요. 점진적 전환 기존 JavaScript 프로젝트를 TypeScript로 전환할 때는 allowJs 옵션을 활성화해 점진적으로 파일을 변환하는 것이 좋습니다. 결론 tsconfig.json은 TypeScript 프로젝트에서 꼭 필요한 설정 파일입니다. 올바르게 설정하면 프로젝트의 가독성과 유지보수성이 크게 향상됩니다. 또한, 다양한 옵션을 적절히 활용하면 팀 협업과 개발 속도를 모두 개선할 수 있어요. TypeScript를 도입하거나 최적화하고 싶다면, 이번 기회에 tsconfig.json을 꼼꼼히 살펴보세요. 요컨대, tsconfig.json은 단순히 설정 파일 그 이상입니다. 개발 환경을 최적화하고 TypeScript의 강력한 기능을 활용하는 데 핵심적인 역할을 하니까요. 이번 기회에 을 좀 더 이해하는 기회가 되었길 바랍니다✨
180
1
0
닥터핸닥터핸· 3개월

Supabase - 백엔드를 넘어서 새로운 가능성을 열다

"Queue, Cron, Background Tasks까지? Supabase는 정말 어디까지 진화할까요?" 요즘 Supabase가 제공하는 새로운 기능들이 주목받고 있습니다. 이 글에서는 Dev.to의 Taishi가 소개한 Supabase의 새로운 기능들을 살펴보고, 실용적인 예제와 함께 그 가능성을 탐구해보겠습니다. Supabase란 무엇인가요? Supabase는 Firebase의 오픈소스 대안으로 시작된 프로젝트로, 데이터베이스, 인증, 실시간 업데이트, 서버리스 함수 등 다양한 기능을 제공합니다. 최근 Supabase는 Queue, Cron, Background Tasks 등 백엔드 기능을 강화하며 개발자들에게 더 많은 도구를 제공하고 있습니다. 이런 기능은 특히 서버리스(Serverless) 환경에서 애플리케이션을 개발하는 데 유용합니다. 이번 글에서는 최근 강화된 Queue, Cron, Background Tasks에 대해서 소개합니다. 새로운 기능 살펴보기 1. Queue Queue는 작업을 대기열에 추가하고 순차적으로 실행할 수 있는 기능입니다. 복잡한 작업을 관리하거나, 대량의 데이터를 처리할 때 유용합니다. 예제 코드: import { createQueue } from 'supabase-functions'; const queue = createQueue('email-sender'); queue.on('process', async (job) => { await sendEmail(job.data); }); Supabase의 Queue는 Deno 환경에서 실행되며, 작업의 실패와 재시도를 자동으로 관리합니다. (참고로 Supabase는 내부적으로 Deno를 사용하여 서버리스 함수 (Edge Functions)를 실행합니다. Supabase Edge Functions는 Deno 런타임 위에서 작동하며, 타입스크립트를 기본 언어로 사용합니다.) 2. Cron Cron은 정기 작업을 설정하는 기능입니다. 예를 들어, 매일 자정마다 데이터를 정리하거나, 매주 보고서를 생성할 때 사용할 수 있습니다. 예제 코드: import { schedule } from 'supabase-functions'; schedule('0 0 * * *', async () => { await cleanupDatabase(); }); 표준 CRON 표현식을 사용해 원하는 시간에 작업을 예약할 수 있습니다. 복잡한 서버 관리를 하지 않아도 되니 효율적입니다. 3. Background Tasks Background Tasks는 비동기 작업을 처리하는 데 사용됩니다. 사용자가 대기하지 않아도 되는 작업(예: 이미지 처리, 데이터 분석)을 배경에서 실행할 수 있습니다. 예제 코드: import { createTask } from 'supabase-functions'; const task = createTask('image-processor'); await task.dispatch({ imageId: '1234' }); 이 기능은 사용자의 경험을 방해하지 않으면서 중요한 작업을 처리할 수 있는 강력한 도구입니다. Supabase의 새로운 기능으로 개발 가능한 애플리케이션 이메일 마케팅 플랫폼: Queue를 사용해 이메일 발송 자동화하기. 정기 보고서 생성: Cron으로 데이터 분석 결과를 주기적으로 생성하기. 이미지 업로드 서비스: Background Tasks로 대량의 이미지 처리하기. 결론 Supabase는 점점 더 강력한 백엔드 기능을 제공하며, 개발자가 애플리케이션에 집중할 수 있도록 돕고 있습니다. 특히, 백엔드 구축에 많은 시간을 할애하기 어려운 소규모 팀이나 1인 개발자에게는 최적의 선택이 될 것 같습니다.
322
1
0
닥터핸닥터핸· 3개월

개발자에게 필요한 건강 루틴: 오래 앉아 있어도 건강을 유지하는 방법

개발자라는 직업은 오랜 시간 앉아 있는 업무 환경때문에 건강에 부정적인 영향을 미치기 쉽습니다. 특히 허리 통증, 목 디스크, 눈 피로 등 다양한 문제가 발생할 가능성이 크죠. 그래서 오래 앉아 있어도 건강을 유지할 수 있는 방법과 실천 가능한 루틴을 제안해 볼까 합니다. 1. 앉아 있는 시간을 줄이는 방법 개발을 하다보면 오랜 시간 앉아 있는 경우가 많죠. 하지만 너무 오래 앉아 있는건 건강에 좋지 않다고들 하죠. 앉아 있는 시간을 줄이기 위해 Pomodoro 기법처럼 짧은 집중 시간을 반복하며 중간중간 일어나 움직이는 것만으로도 큰 효과를 얻을 수 있습니다. Pomodoro(포모도로) 기법 활용하기 25분 집중 작업 후 5분 동안 휴식을 취하는 Pomodoro(포모도로) 기법은 건강을 챙기면서도 생산성을 유지할 수 있는 좋은 방법입니다. 휴식 시간에는 가벼운 스트레칭이나 산책을 통해 몸을 풀어보세요. 관련해서 이걸 도와주는 웹사이트나 앱도 많습니다. https://pomofocus.io/ 에서는 웹페이지로 포모도로를 띄울 수 있습니다. 유투브에서 "pomodoro"로 검색하시면 다양한 포모도로 영상을 보실 수 있어요. 스탠딩 데스크 사용 많은 개발자들이 허리 통증을 줄이기 위해 사용하고 있는데요. 스탠딩 데스크를 활용하면 장시간 앉아 있는 습관을 줄이고 더 활동적인 자세를 유지할 수 있습니다. 꼭 고가의 장비가 아니더라도 기존 책상 위에 올려 사용하는 제품도 있으니 부담 없이 시작할 수 있습니다. 2. 간단한 운동 루틴 운동은 개발자의 건강 유지에 핵심이라고 해도 과언이 아닙니다. 의자에 오래 앉아 있으면 허리와 어깨에 무리가 가기 때문에 틈틈이 스트레칭과 가벼운 운동을 해주는 것이 중요합니다. 스트레칭 장시간 앉아 있으면 근육이 뭉치기 쉽습니다. 아래는 간단히 따라 할 수 있는 스트레칭 예시입니다. 목 스트레칭: 목을 천천히 좌우로 돌리며 긴장을 풉니다. 어깨 스트레칭: 양손을 깍지 끼고 머리 위로 들어 올립니다. 허리 스트레칭: 한쪽 다리를 의자 위로 올리고 상체를 앞으로 숙입니다. 사무실에서 할 수 있는 운동 벽에 기대어 스쿼트: 벽에 등을 대고 90도로 앉은 자세를 유지합니다. 발뒤꿈치 들기: 의자에 앉아 발뒤꿈치를 들었다 내렸다 반복합니다. 3. 눈 건강 관리 20-20-20 규칙 하루종일 모니터를 보는 개발자이기에 눈 건강을 신경쓰지 않을 수 없죠. 눈 건강을 지키는 데 간단하면서도 효과적인 방법이 바로 20-20-20 규칙입니다. 20분마다 20초 동안 20피트(약 6미터) 거리의 물체를 바라보세요. 이 습관은 눈의 피로를 줄이는 데 큰 도움을 줍니다. 블루라이트 차단 안경 사용 블루라이트 차단 안경은 장시간 모니터를 사용하는 개발자들에게 필수품이 되어가고 있습니다. Windows와 macOS의 OS 자체 설정에도 블루라이트를 줄이는 야간 모드(Night Shift)를 사용할 수 있으니 설정을 확인해보시기 바랍니다. 4. 정신 건강 유지 정신 건강도 신체 건강만큼 중요합니다. 어쩌면 더 중요하다고 할 수도 있죠. 번아웃을 예방하고 집중력을 유지하려면 일과 휴식의 균형을 맞추는 것이 필요합니다. 명상과 마인드풀니스 명상은 스트레스를 줄이고 정서적 안정을 찾는 데 도움을 줍니다. 하루 5분이라도 눈을 감고 호흡에 집중해 보세요. 명상을 돕는 앱도 다양합니다. 추천 앱: Headspace, Calm 번아웃 예방하기 업무 시간과 개인 시간을 최대한 명확히 구분하세요. 특히 원격 근무 환경에서는 이 경계가 모호해질 수 있으므로 규칙적으로 휴식을 취하는 습관을 가지는 것이 중요합니다. 5. 식습관과 수면 관리 건강한 간식 추천 집중력을 높이고 몸에 좋은 간식을 추천합니다. 과자같은 것 보다는 아무래도 건강에 좋겠죠? 견과류 (아몬드, 호두 등) 신선한 과일 (바나나, 사과 등) 요거트 수면 습관 하루의 컨디션과 건강을 좌우하는 건 역시 수면입니다. 규칙적인 수면 시간과 충분한 휴식은 집중력을 높이는 데 필수입니다. 잠들기 전 스마트폰 사용을 줄이고 침실 환경을 어둡고 조용하게 만들어보세요. 마무리 건강은 개발자가 최고의 퍼포먼스를 내기 위한 기본 조건입니다. 포모도로 기법처럼 간단한 루틴부터 하나씩 시작해보세요. 몸과 마음이 건강해야 더 좋은 코드를 작성할 수 있다는 사실을 잊지 마세요. 작은 실천이 큰 결과를 가져올 것입니다.
525
0
닥터핸닥터핸· 3개월

Transformers.js - 웹 브라우저에서 최첨단 머신러닝 모델을 실행!

Hugging Face는 최근 Transformers.js v3.2.0을 발표했습니다. Transformers.js란 무엇인가요? Transformers.js는 서버 없이 웹 브라우저에서 직접 최첨단 머신러닝 모델을 실행할 수 있는 JavaScript 라이브러리입니다. 이를 통해 웹 개발자들은 Python 환경 없이도 다양한 AI 모델을 웹 애플리케이션에 통합할 수 있습니다. v3.2.0의 새로운 기능 이번 버전에서는 다음과 같은 모델들이 추가되었습니다: Moonshine: 실시간 음성 인식 Moonshine은 자원 제한적인 디바이스에서도 빠르고 정확한 자동 음성 인식을 제공하는 모델입니다. 이를 통해 실시간 자막 생성이나 음성 명령 인식과 같은 기능을 웹 브라우저에서 직접 구현할 수 있습니다. 예시 코드: import { pipeline } from '@huggingface/transformers'; const transcriber = await pipeline('automatic-speech-recognition', 'onnx-community/moonshine-tiny-ONNX'); const result = await transcriber('path_to_audio_file.wav'); console.log(result.text); 위 코드에서는 pipeline 함수를 사용하여 음성 인식 파이프라인을 생성하고, moonshine-tiny-ONNX 모델을 활용하여 오디오 파일의 텍스트를 추출합니다. Phi-3.5 Vision: 다중 프레임 이미지 이해 및 추론 Phi-3.5 Vision은 연속된 이미지 프레임을 분석하여 복잡한 시각적 이해와 추론을 수행하는 모델입니다. 이를 통해 비디오 분석이나 이미지 시퀀스 처리와 같은 작업을 효율적으로 수행할 수 있습니다. 예시 코드: import { pipeline } from '@huggingface/transformers'; const visualReasoner = await pipeline('image-to-text', 'phi-3.5-vision'); const result = await visualReasoner(['frame1.png', 'frame2.png', 'frame3.png']); console.log(result); 위 코드에서는 pipeline 함수를 사용하여 이미지에서 텍스트를 생성하는 파이프라인을 만들고, phi-3.5-vision 모델을 활용하여 연속된 이미지 프레임을 분석합니다. Phi-3.5 Vision: 다중 프레임 이미지 이해 및 추론 Phi-3.5 Vision은 연속된 이미지 프레임을 분석하여 복잡한 시각적 이해와 추론을 수행하는 모델입니다. 비디오 분석이나 이미지 시퀀스 처리에 유용합니다. import { pipeline } from '@huggingface/transformers'; const visualReasoner = await pipeline('image-to-text', 'phi-3.5-vision'); const result = await visualReasoner(['frame1.png', 'frame2.png', 'frame3.png']); console.log(result); 위 코드는 이미지 시퀀스를 분석하여 텍스트를 생성하는 방법을 보여줍니다. phi-3.5-vision 모델은 이미지 데이터를 기반으로 한 뛰어난 추론 능력을 제공합니다. EXAONE: 영어와 한국어 텍스트 생성 EXAONE은 영어와 한국어 모두에서 고품질의 텍스트 생성을 지원하는 다국어 모델입니다. 이를 통해 다양한 언어 환경에서 자연스러운 텍스트 생성이 가능합니다. 예시 코드: import { pipeline } from '@huggingface/transformers'; const textGenerator = await pipeline('text-generation', 'exaone'); const result = await textGenerator('안녕하세요, 오늘 날씨는'); console.log(result); 위 코드는 EXAONE 모델을 사용해 주어진 텍스트의 이어지는 내용을 생성하는 방법을 보여줍니다. 한국어와 영어를 지원하기 때문에 다국어 애플리케이션에서 유용하게 사용할 수 있습니다. 버그 수정 및 기타 개선 사항 이번 릴리스에서는 여러 버그 수정과 성능 개선이 이루어졌습니다. 자세한 내용은 릴리스 노트를 참고하세요. Transformers.js v3.2.0은 웹 개발자들에게 강력한 AI 기능을 손쉽게 통합할 수 있는 도구를 제공합니다. 특히, 서버 없이 브라우저에서 직접 모델을 실행할 수 있어 웹 애플리케이션의 가능성을 크게 확장시킵니다. 새로운 모델들과 기능을 활용하여 더욱 혁신적인 웹 서비스를 개발해보시기 바랍니다. 출처 Transformers.js v3.2.0 릴리스 노트
321
1
0
닥터핸닥터핸· 2년

사이트 페이지 캐시가 안될 때 확인할 것들

사이트에 캐시가 적용되지 않으면 뒤로가기 버튼을 눌렀을 때 무조건 페이지를 새로고침하는 문제가 생긴다. 뒤로가기 시에도 새로고침하지 않도록 캐시를 적용하는 방법과 마지막으로 내가 해결했던 방법을 소개한다. 브라우저 캐시 적용하거나 확인하는 방법 1. 웹 소스 코드에 추가 웹 소스 코드에 브라우저 캐시를 유지한다는 캐시를 추가한다. PHP를 예로 들면 아래와 같다. header('Expires: ' . gmdate('D, d M Y H:i:s', time() + (60*60*24)) . ' GMT'); // 유효기한 header("Cache-control: public, max-age=".(60*60*24), true); // 캐시 최대 길이 (초 단위) 2. 클라우드플레어 캐시 설정 확인 만약 클라우드플레어 같은 프록시 서비스를 쓰고 있다면 해당 서비스에 캐시 설정이 원하는 대로 되어있는지 확인한다. 클라우드플레어의 "DNS" 메뉴에서 프록시 설정을 확인하거나 "Cache" 메뉴에서 설정을 확인하다. 3. 사용중인 자바스크립트 라이브러리 확인 여러가지 방법을 확인해도 안되다가 겨우 찾은건데 간혹 사용중인 자바스크립트 라이브러리가 캐시를 방해하는 경우가 있다. 나같은 경우 tawk.to 용 라이브러리를 사이트에 탑재할 때 캐시가 안먹는 문제가 발생했다. 아무리 찾아도 캐시 문제가 해결되지 않느다면 사용중인 자바스크립트 라이브러리도 확인해볼 필요가 있다.
305
1
0
닥터핸닥터핸· 2년

당신은 어떤 타입의 엔지니어입니까?

Two types of software engineers One assumes it's easy because it's a non-technical problem, the other assumes that's why it's hard registerspill.thorstenball.com 두 종류의 엔지니어가 있습니다.   첫 번째 유형은 문제를 해결하려는 엔지니어입니다. 이들은 자신의 코드가 기능을 충실히 수행하고 문제를 해결하는 것에 집중합니다. 이들은 코드가 돌아가는 것을 보는 것에 대해 만족을 느끼며, 이를 성취감으로 느낍니다.   두 번째 유형은 어떻게 코드가 돌아가는지에 집중하는 엔지니어입니다. 이들은 코드가 어떻게 동작하는지, 자신이 작성한 코드가 어떤 영향을 미치는지에 대해 깊이 있는 이해를 추구합니다. 이들은 보통 자신이 작성한 코드를 깊이 있는 이해를 바탕으로 최적화하고 성능을 향상시키는 데 주력합니다.   이러한 두 유형의 엔지니어는 각각 장단점이 있습니다. 문제 해결에 집중하는 엔지니어는 빠르게 결과물을 제공할 수 있으며, 기능적인 면에서 코드를 신뢰할 수 있습니다. 반면 코드 동작에 집중하는 엔지니어는 보다 최적화된 코드를 제공할 수 있으며, 성능 문제나 복잡한 에러를 발견하고 수정하는 데 능숙합니다.   그러나 가장 좋은 소프트웨어 엔지니어는 이 두 가지 특성을 모두 지니는 엔지니어입니다. 즉, 코드가 기능적인 면에서 잘 작동하면서도 성능이 뛰어나며, 이해하기 쉽고 확장하기 용이한 코드를 작성할 수 있는 엔지니어입니다.
517
2
0
닥터핸닥터핸· 2년

노코드·로우코드는 개발자 대체재 아니다

노코드·로우코드는 개발자 대체재 아니다 [지디넷코리아=남혁우 기자]IT를 넘어 모든 산업에 걸친 디지털 전환 열풍으로 개발자 인력난이 심화되며 노코드 로우코드[LCNC]에 대한 관심이 커지고 news.zum.com 그것이 무엇이든 결국 그것을 만들 개발자가 필요하겠죠.
993
2
0
닥터핸닥터핸· 3년

프론트엔드 개발자에게도 알고리즘 공부가 중요할까? | 요즘IT

프론트엔드 개발자에게도 알고리즘 공부가 중요할까? | 요즘IT 우리는 왜 알고리즘을 공부할까요? 기초 소양을 쌓기 위해서? 좀 더 나은 개발자가 되기 위해서? 아주 틀린 이야기는 아니지만, 좀 더 솔직하게 얘기해 보겠습니다. 아마 대부분은 코딩 테스트를 통과하기 위해 알고리즘을 공부하고 있을 겁니다. 프론트엔드 개발자라면 ‘일단 서비스부터 잘 만들어야 할 것 같은데, 알고리즘은 또 언제 배우냐?’라며 막막한 마음이 들었던 것이 사실입니다. 저도 이런 고민을 했던 입장으로써, 오늘은 프론트엔드 개발자의 관점에서 알고리즘 공부의 중요성에 대해 솔직하게 이야기해보고자 합니다. yozm.wishket.com 알고리즘에 너무 얽매이지 말자
1.3K
2
0