찐망고'S 퍼블리싱그리고디자인

안녕하세요 찐망고입니다.이전에 SEO(검색엔진최적화)작업에 대한 포스팅을 했는데요. SEO(검색 엔진 최적화)작업안녕하세요 찐망고입니다. 마케팅에서 SEO(검색 엔진 최적화)가 필수라고들 하죠?그런데 정작 "SEO를 어떻게 작업하고, 실제로 무슨 일이 벌어지는지" 궁금한 분들이 있을거라 생각합니다. 오늘은uiweb.tistory.com 그렇다면 현재 마크업하는 입장에서 우리는 멀 체크하며 작업을 해야할 지 알아봐야겠죠? 물론 그동안 계속 포스팅을 하긴 했지만 정리차원에서1. HTML 마크업에서 체크해야 할 요소  1. 시맨틱 태그 사용콘텐츠 구조를 명확히 하고 검색 엔진이 쉽게 이해할 수 있도록 합니다.예: , , , , 등의 시맨틱 태그 사용. SEO란 무엇인가? 검색 엔진 최적화는...    2..

안녕하세요 찐망고입니다.git은 분산 버전 관리시스템(Distributed Version Control System)인데요.소스코드의 변경사항을 기록하고, 여러 개발자가 협업하며 변경사항을 추적할 수 있도록 도와줍니다. GitHub는 Git을 기반으로 하는 클라우드 기반 협엽 플랫폼입니다.Git을 사용하여 관리되는 프로젝트를 호스팅하고, 팀원들과 협업을 쉽게 할 수 있도록 도와줍니다. GitHub와 Git의 차이점항목GitGitHub목적버전 관리Git 저장소를 호스팅하고 협업 지원형태로컬 소프트웨어클라우드 기반 웹 서비스인터페이스주로 명령줄 웹/GUI제공접근 방식로컬 컴퓨터에서 실행인터넷을 통해 원격 접근기능브랜치, 병합, 커밋 등 Git자체 기능PR, Issue, Actions등 협업 및 호스팅 기능 ..

안녕하세요 찐망고입니다. 관리자 페이지를 만들 때 차트 작업이 항상 고민되시죠?오늘은 디자이너와 퍼블리셔의 관점에서 어떻게 차트를 효과적으로 만들 수 있는지 알아보겠습니다. 1. 디자이너를 위한 차트 설계 가이드 1) 먼저 물어보세요! "이 차트의 목적이 뭘까? - 데이터 시각화의 목적전달하려는 정보: "누가 볼 차트인가요?" (일반 사용자? 전문가? 관리자?) 타겟 사용자: "어떤 내용을 전달하고 싶나요?" (매출 증가? 사용자 패턴?)"데이터 관계 표현: 데이터를 어떻게 비교하면 좋을까요?" (시간별? 항목별?) 2) 차트 종류 골라보기 - 적합한 차트 타입 선정라인 차트: 시간 흐름을 보여주고 싶다면? 바 차트: 항목을 비교하고 싶다면?파이 차트: 비율을 보여주고 싶다면? 스캐터 플롯: 데이터 간 ..

안녕하세요 찐망고입니다.오늘은 SVG 애니메이션 관련 포스팅을 시작해 볼게요 SVG애니메이션의 핵심은 stroke-dashoffset인데요.stroke-dashoffset은 SVG에서 경로(패스)의 테두리에 적용할 수 있는 속성 중 하나로,stroke-dasharray와 함께 사용되며 경로를 따라 선을 그릴 때의 시작지점을 조정하는 역할을 합니다.  stroke-dasharray는 선을 일정한 패턴의 대시와 공백으로 나누는 속성인데,  위와 같은 코드인 경우 설정된 선의 5px만큼 그 뒤로 10px만큼의 공백을 반복하는 형태를 뜻합니다.  stroke-dashoffset은 기본적으로 0으로 설정되어 있으며, 을 증가시키면 대시패턴이 이동하여 경로를 따라 선이 그려지는 위치가 변경됩니다. JS를 이용하면..

안녕하세요 찐망고 입니다.  settings.json 파일은 VSCode의 사용자 설정을 저장하는 JSON 형식의 파일인데요.이 파일을 통해 VSCode의 다양한 설정을 커스터마이즈할 수 있습니다.  VSCode에서 settings.json 파일을 여는 방법: VSCode 실행: VSCode를 실행명령 팔레트 열기: Ctrl + Shift + P (Windows/Linux) 또는 Cmd + Shift + P (Mac)를 눌러 명령 팔레트를 열기명령 입력: "Preferences: Open Settings (JSON)"을 입력하고 선택 { "open-in-browser.default": "firefox", "diffEditor.wordWrap": "on", "editor.wordWrap":..

안녕하세요 찐망고 입니다.오늘은 데이터베이스 도메인 관련 포스팅을 해볼까 하는데요. 인터넷 주소의 도메인이 아니라, 데이터베이스에서 사용되는 도메인에 대해 설명드릴게요.  데이터베이스 도메인은 주로 다양한 데이터베이스 시스템에서 사용됩니다.회사 내부 시스템: 직원 정보, 급여, 재고 관리 시스템 등에서 사용돼요. 예를 들어, 직원의 나이, 이름, 급여, 입사 날짜 등을 저장할 때 각 속성마다 올바른 형식과 범위를 정해두죠.웹 애플리케이션: 웹사이트나 앱에서 사용자 정보를 관리할 때 사용돼요. 예를 들어, 회원 가입 시 이름, 나이, 이메일 주소 등을 입력받을 때 올바른 형식으로 입력되도록 도와줘요.정부 및 공공기관 데이터베이스: 주민등록 시스템, 세금 신고 시스템 등에서 정확하고 일관된 데이터를 저장하기..

안녕하세요 찐망고입니다. 제가 오늘은 네이티브앱, 하이브리드앱, 웹앱을 좀 쉽게 포스팅해보려고 해요.그니까 머랄까 다들 대충은 알고 있잖아요?대충은 아는데 내가 아는 게 맞나 싶을 때 이 포스팅 읽으면 해결됨 자 먼저 1. 네이티브 앱(Native App)네이티브 앱은 특정 플랫폼(iOS, Android)을 위한 전용 언어와 개발 도구로 개발된 애플리케이션인데요.iOS 앱은 Swift나 Objective-C로, Android 앱은 Kotlin이나 Java로 작성됩니다.Kotlin개발자가 전세계에서 작년 연봉 1위라면서요? 부럽다.. 주요 특징: 최적화된 성능: 하드웨어와 직접 상호작용하므로 높은 성능과 속도를 제공네이티브 UI/UX: 플랫폼별 UI 가이드라인을 따라 사용자 경험이 최적화광범위한 API 접..

안녕하세요 찐망고입니다.작년 여름에 개인정보취급방침에 대해서 포스팅했는데요. 개인정보처리방침안녕하세요 찐망고 입니다. 웹사이트에서 푸터에 해당하는 부분을 보면 꼭 들어가는 내용이 있죠?카피라이트, 사업자정보, 그리구 개인정보처리방침!!!!   개인정보처리방침이란?개인정보보uiweb.tistory.com 오늘은 웹사이트 저작권 표시 관련 포스팅을 해볼까해요네 맞아요 그친구 © ㅎㅎ  웹사이트 저작권표시란? 웹사이트 저작권 표시는 웹사이트의 콘텐츠가 저작권법에 의해 보호받고 있음을 알리는 역할을 합니다. 이는 법적 보호뿐만 아니라, 사용자들에게 콘텐츠를 무단으로 복제하거나 배포하지 않도록 경고하는 역할도 합니다.   저작권 표시의 중요성  법적 보호: 저작권 표시는 저작권 소유자가 콘텐츠에 대한 권리를 주장..

안녕하세요 찐망고 입니다. 웹사이트에서 푸터에 해당하는 부분을 보면 꼭 들어가는 내용이 있죠?카피라이트, 사업자정보, 그리구 개인정보처리방침!!!!   개인정보처리방침이란?개인정보보호법 제 30조에 따라 모든 개인정보처리자에게는 개인정보 처리방침을 수립 및 공개할 의무가 있는데요'개인정보처리자'란 개인정보보호법 제2조 제5호에 의거해, 업무를 목적으로 개인정보파일을 운용하기 위해개인정보를 처리하는 공공기관, 법인, 단체 및 개인등을 말합니다. 따라서 고객 개인정보를 보유한 개인정보처리자뿐만 아니라,내부 임직원의 개인정보를 수집 및 이용하는 개인정보처리자도 개인정보 처리방침을 수립해야 합니다.(다만, 공공기관의 경우에는 개인정보보호법 제32조에 따라 행정자치부장관에게 등록된 개인정보파일에 한하여 개인정보 ..

안녕하세요 찐망고입니다 포스팅 순서가 지금 두서없긴 한데 양해를... HTML에서 FORM은 사용자로부터 입력을 받기 위해 사용되는 요소이고 웹페이지에서 데이터를 전송하거나 처리하기 위한 컨테이너 역할을 하는데요 일반적으로 폼은 텍스트입력, 체크박스, 라디오버튼, 드롭다운 목록등과 같은 다양한 입력요소를 포함할 수 있죠. Select요소는 FORM요소에서 드롭다운 목록역할을 하는 요소인데 사용자에게 선택할 수 있는 옵션 목록을 제공합니다. 제자들이 많이 하는 질문 중 하나는 모바일에서 꼭 Select요소를 사용해야하는지에 대한 질문이었어요 이 질문이 왜 나왔냐면 현재 드롭다운 목록형태의 구조를 가지는 디자인요소들이 생각보다 꽤 많이 Select요소 대신 다른 구조로 작업 되고 있거든요 이런 디자인들 많이..