728x90 300x250 SMALL 웹개발23 CodeIgniter 완벽 가이드: 설치부터 실무 활용까지 코드이그나이터(CodeIgniter)란 무엇인가?CodeIgniter(코드이그나이터)는 PHP 언어로 만든 경량급 웹 프레임워크이다. 처음 개발은 2006년에 시작되었고, 현재도 많은 웹 개발자들이 빠르고 효율적인 웹 개발을 위해 사용하고 있다.Laravel, Symfony처럼 대형 프레임워크와 비교하면 가볍고 빠르며 배우기 쉽다는 장점이 있다. CodeIgniter의 핵심 특징구조 : MVC패턴(Model, View, Controller)을 따름속도 : 매우 빠름, 가볍고 최적화되어 있음설치 : 복잡한 설치 필요 없음, 압축 해제만으로 사용 가능문서화 : 공식 문서가 매우 잘 되어 있음유연성 : 필요한 부분만 사용 가능, 규칙이 강하지 않음확장성 : 다른 라이브러리나 플러그인과 연동 용이 CodeIg.. 2025. 7. 15. 네임스페이스로 jQuery 코드 구조화하는 방법 JavaScript에서 네임스페이스는 전역 공간에 변수나 함수가 남발되지 않도록 기능 단위로 코드를 그룹화하는 방법이다. 네임스페이스는 MyApp.Tab, MyApp.Modal처럼 공간을 나눠 전역 충돌을 막는 방식으로예를 들어 다음처럼 작성할 수 있다.// 전역 네임스페이스 생성var MyApp = MyApp || {}; //MyApp이라는 객체가 이미 존재하면 그걸 사용 없다면 빈 객체로 초기화//이 구문이 없으면 나중에 같은 네임스페이스를 쓰려 할 때 덮어써버리는 문제가 생길 수 있다.MyApp.UI = { init: function() { this.bindEvents(); }, bindEvents: function() { const self = this; if ($('.btn.. 2025. 4. 24. Vanilla JS 간단한 모달창 열기/닫기 jQuery모달 열기 × 모달 내용입니다. Vanilla JS모달 열기 × 모달 내용입니다. 모달 열기 × 모달 내용입니다. ">모달 열기×모달 내용입니다. 제이쿼리에서 fadeIn() / fadeOut()은 서서히 나타나고 사라지는 부드러운 효과가 나타난다,하지만 Vanilla JS 코드는 단순히 display:none 했다가 display:block 하는 효과로 애니메이션 효과가 없다.Vanilla JS로도 fadeIn / fadeOut 효과를 구현할 수 있지만 코드가 길고 번거롭다.바닐라 JS로 fadeIn / fadeOut 효과 만들기function fadeIn(el, duration = 400) { el.. 2025. 4. 22. Figma 디자인 단계 접근성 체크리스트(퍼블리셔/디자이너 협업용) 체크 항목설명기준 또는 툴텍스트 대비텍스트와 배경의 명도 대비가 충분한가?WCAG AA 기준(4.5:1이상)폰트 크기최소 14px 이상인가?기본 텍스트는 16pc 추천UI 크기버튼, 체크박스 등은 최소 44~48px모바일 기준포커스 순서시각적 구조와 논리적 포커스 순서가 일치하는가?디자인 흐름 확인아이콘 설명의미 있는 아이콘에는 텍스트 라벨 또는 aria-label이 존재하는가?예 : 돋보기 아이콘에 "검색"상태 구분색상 외의 방법으로 상태를 구분하고 있는가?예 : 체크 표시, 밑줄 등모션과도한 모션 없는지, prefers-reduced-motion 대응 고려했는지Web: CSS, App: OS설정 Figma 디자인 검토할 때 디자이너가 자체적으로 체크하거나 퍼블리셔가 검수 시 체크 포인트로 사용할 수 .. 2025. 4. 16. 이전 1 2 3 4 ··· 6 다음 728x90 반응형 LIST