ux dev

정보처리기사 실기를 준비할 때 가장 많이 하는 실수가 있습니다. 범위가 넓다는 이유로 처음부터 끝까지 이론서를 정독하려는 것입니다. 이 방식은 시간이 넉넉하면 몰라도, 시험일까지 4주도 남지 않은 상황에서는 효율이 떨어집니다.실기는 결국 기출 기반의 반복, 빈출 개념 암기, SQL과 프로그래밍 문제 적응력이 점수를 만듭니다. 특히 직장인이나 하루 공부 시간이 제한된 수험생이라면 더 그렇습니다. 남은 기간 동안 중요한 것은 많이 보는 것이 아니라, 자주 나오는 것을 정확히 반복하는 것입니다.이번 글에서는 2026년 3월 23일부터 4월 18일 시험 당일까지를 기준으로, 정보처리기사 실기를 준비하는 현실적인 세부 공부표를 정리해보겠습니다.정보처리기사 실기 준비의 기본 원칙먼저 방향부터 분명히 잡아야 합니다...

티스토리에 개발 관련 글을 올릴 때 코드가 평범한 텍스트처럼 보이면 글의 완성도가 많이 떨어집니다. 특히 HTML, CSS, JavaScript처럼 구조와 문법이 중요한 코드는 색상 구분이 있어야 읽기 훨씬 편합니다.이럴 때 많이 사용하는 방식이 코드 하이라이팅 라이브러리 적용입니다. 티스토리에서는 별도의 빌드 환경 없이도 스킨 편집만으로 적용할 수 있고, 그중에서 가장 무난한 선택지가 Prism.js입니다.이번 글에서는 티스토리에 Prism.js를 적용하는 방법부터, 실제로 하이라이팅이 안 될 때 확인해야 할 핵심 원인까지 정리해보겠습니다.왜 Prism.js를 많이 사용할까Prism.js는 가볍고 구조가 단순합니다. CSS 파일로 테마를 불러오고, JS 파일로 문법 하이라이팅을 활성화한 뒤, 코드 블록..

“Claude가 Figma에서 직접 디자이너처럼 모든 화면을 자동 제작한다”고 생각하면 과장이고, 실제로는 아래 3가지 방식으로 이해하는 게 맞습니다. Figma는 현재 Claude Code / Claude를 MCP 클라이언트로 지원하고, Figma Design, Figma Make, FigJam과 연결할 수 있게 안내하고 있습니다. 가장 실용적인 방법은 Claude Code + Figma MCP 서버입니다. 이 방식에서는 Claude Code가 Figma 파일의 디자인 맥락, 변수, 컴포넌트, 레이아웃 정보를 읽고, 그 정보를 바탕으로 코드를 만들거나 수정합니다. 또 지원 클라이언트에서는 실제 브라우저 UI를 편집 가능한 Figma 프레임으로 보내는 code-to-canvas도 가능합니다. 정리하면 ..

집이나 사무실에 둔 맥 미니를 외부에서 접속해 활용하고 싶다면, 가장 깔끔한 방법 중 하나가 바로 Tailscale입니다. 복잡한 포트포워딩이나 DDNS 설정 없이도 비교적 간단하게 내 기기끼리 안전하게 연결할 수 있기 때문입니다.이번 글에서는 맥 미니를 Tailscale로 연결해 외부에서도 접속할 수 있도록 설정하는 방법을 쉬운 순서대로 정리해보겠습니다. 맥을 잘 모르는 분도 따라갈 수 있도록 최대한 단순하게 설명하겠습니다.Tailscale이란?Tailscale은 내 기기들끼리 가상 사설 네트워크를 만들어 주는 도구입니다. 쉽게 말해, 집 밖에 있어도 내 맥 미니와 같은 네트워크 안에 있는 것처럼 연결할 수 있게 해줍니다.예를 들어 이런 용도로 많이 씁니다.외부에서 맥 미니 원격 제어하기집에 있는 파일..

Claude Remote Control은 휴대폰이나 다른 브라우저에서 내 컴퓨터에서 실행 중인 Claude Code 세션을 이어서 제어하는 기능입니다. 중요한 점은 세션이 클라우드로 옮겨가는 것이 아니라, 계속 내 로컬 머신에서 실행된다는 점입니다. 즉, 로컬 프로젝트, CLI 도구, 개발 환경을 그대로 유지한 채 모바일에서 접속해 이어서 쓸 수 있습니다. 현재 공식 문서 기준으로 Remote Control은 모든 플랜에서 사용 가능하며, Team/Enterprise에서는 관리자가 설정에서 기능을 켜야 합니다. 왜 이 기능이 useful한가기존 Claude Code는 터미널 중심 도구입니다. 공식 제품 페이지도 Claude Code를 개발자가 터미널, IDE, 웹, Slack 등에서 활용하는 코딩 도우미..

웹사이트를 보다 보면 어떤 텍스트는 드래그로 선택이 되고, 어떤 요소는 아무리 마우스로 긁어도 선택되지 않는 경우가 있습니다. 이 동작을 제어할 때 사용하는 CSS 속성이 바로 user-select입니다.처음 보면 아주 단순한 속성처럼 보이지만, 실제로는 꽤 자주 쓰입니다. 버튼처럼 굳이 드래그 선택될 필요가 없는 요소에 적용하기도 하고, 복사 경험을 정리하거나, 반대로 본문 텍스트는 선택 가능하게 유지하는 식으로 사용자 경험을 조절할 때도 사용합니다.이번 글에서는 user-select가 정확히 무엇인지, 왜 사용하는지, 어떤 값들이 있는지, 그리고 실무에서 언제 쓰고 언제 피해야 하는지 정리해보겠습니다.user-select란?user-select는 사용자가 텍스트나 요소의 내용을 선택할 수 있는지 여부..

웹 애니메이션이나 인터랙션을 만들다 보면 “이 요소가 더 부드럽게 움직였으면 좋겠다”는 생각이 들 때가 있습니다. 이때 한 번쯤 보게 되는 CSS 속성이 바로 will-change입니다.이 속성은 이름만 보면 뭔가 대단한 성능 최적화 옵션처럼 느껴지지만, 실제로는 꽤 조심해서 써야 하는 “브라우저에게 주는 힌트”에 가깝습니다. 잘 쓰면 도움이 될 수 있지만, 무분별하게 쓰면 오히려 성능이 나빠질 수도 있습니다.이번 글에서는 will-change가 정확히 무엇인지, 왜 존재하는지, 언제 써야 하는지, 그리고 실제로 어떻게 사용하는지를 차근차근 정리해보겠습니다.will-change란?will-change는 요소에 어떤 변화가 곧 일어날 것이라고 브라우저에 미리 알려주는 CSS 속성입니다.즉, 개발자가 브라우..

앱을 스토어에 출시하려고 계정을 만들다 보면 “D-U-N-S 번호가 필요합니다”라는 안내를 종종 봅니다.하지만 여기서 많은 분들이 한 가지를 오해합니다.D-U-N-S가 없으면 구글 플레이에 앱 등록 자체가 불가능하다?→ 아닙니다. 구글 플레이는 개인(Personal) 개발자 계정이면 D-U-N-S 없이도 앱 등록/출시가 가능합니다.이 글은 국내 개인사업자 기준으로,1) 언제 D-U-N-S가 필요한지(구글/애플)2) 무료로 받는 방법3) “애플 경로”를 활용하면 왜 편한지4) 받은 번호를 구글·애플에서 어떻게 재사용하는지를 한 번에 정리합니다.1) 먼저 결론: 구글은 “계정 유형”에 따라 D-U-N-S 필요 여부가 갈립니다구글 플레이 Personal(개인) 개발자 계정D-U-N-S 없이도 앱 등록/출시 가..

도메인(예: example.com)의 IP를 “추적”한다고 할 때, 보통은 DNS 조회로 해당 도메인이 가리키는 IP(또는 여러 IP)를 확인하는 걸 말합니다. 아래 방법들이 가장 표준적이고 안전합니다.1) 가장 기본: DNS로 A/AAAA 레코드 조회macOS / Linuxdig example.com A +shortdig example.com AAAA +short또는nslookup example.comWindows (PowerShell / CMD)nslookup example.comPowerShell에서 좀 더 깔끔하게:Resolve-DnsName example.comA 레코드: IPv4 주소AAAA 레코드: IPv6 주소2) “www” 같은 서브도메인도 따로 확인사이트는 example.com과 www..

앱을 플레이 스토어에 올리는 과정은 크게 계정 만들기 → 앱 등록 준비 → 테스트/심사 → 출시 후 운영 순서로 흐릅니다. 아래대로만 따라가면 전체 그림이 잡힙니다.1) 비용부터 확인 (필수/선택)개발자 계정 등록비: US$25 (1회 결제)계정을 만들 때 한 번만 냅니다.앱 업로드/출시 자체: 무료올리고 심사받고 출시하는 것 자체는 비용이 들지 않습니다.매출이 생기면 수수료 구조가 생김 (선택/상황별)유료 앱, 인앱결제, 구독 등으로 매출이 발생하면 서비스 수수료가 적용됩니다. (요율은 앱/프로그램 조건에 따라 달라짐)2) 계정 생성 및 필수 설정Google 계정 준비개인으로 할지, 조직(회사)으로 할지 먼저 정합니다.Play Console 가입 + US$25 결제개발자 계정 검증(Verificatio..