본문 바로가기

웹개발10

React 완전 가이드 검색 설명: React 19를 기준으로 개발 환경 구성, Hooks, Actions, 상태 관리, TanStack Query, React Hook Form, 컴포넌트 설계, 성능 최적화, 테스트와 접근성을 정리합니다. -->프론트엔드 개발 가이드```⚛️ React 19 완전 가이드React는 컴포넌트를 조합해 사용자 인터페이스를 만드는 대표적인 프론트엔드 라이브러리입니다. 이 글에서는 React 19를 기준으로 개발 환경 구성부터 Hooks, Actions, 상태 관리, 서버 데이터 처리, 폼 검증, 컴포넌트 설계, 성능 최적화, 테스트와 접근성까지 실무에서 필요한 핵심 내용을 정리합니다.```이 글에서 다루는 내용React 문법만 나열하는 것이 아니라 상태를 어디에 두어야 하는지, 서버 데이터와 클라.. 2026. 7. 29.
[Hoon] AngularJS - Create Components Create Components http://plnkr.co/edit/NomETVhyqSIryX2Pm6dc?p=preview https://docs.angularjs.org/guide/component Component is a special kind of directive that uses a simpler configuration which is suitable for a component-based application structure. Advantages of Components: simpler configuration than plain directives promote sane defaults and best practices optimized for component-based archit.. 2018. 12. 31.
[Hoon] AngularJS - The AngularJS AngularJS AngularJS 개발자 구글 발표일 2010년 10월 20일 (8년 전)[1] 최근 버전 1.6.6 / 2017년 8월 18일 (15달 전)[2] 개발 상태 개발 중 프로그래밍 언어 자바스크립트 플랫폼 크로스 플랫폼 크기 144 KB (운영용) 1 MB (개발용) 종류 자바스크립트, 싱글 페이지 애플리케이션 프레임워크 라이선스 MIT 라이선스 웹사이트 angularjs.org AngularJS("Angular.js" 또는 "AngularJS 1.X")는 자바스크립트 기반의 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크의 하나로, 싱글 페이지 애플리케이션 개발 중에 마주치는 여러 문제들을 해결하기 위해 개발되었으며 주로 구글과 개별 커뮤니티, 여러 회사에 의해 유지보수되고 있다. 자바.. 2018. 12. 31.
jQuery II jQuery 와 관련하여Jesse Skinner 가 쓴 좋은 정보를 발견하였다.아래는 IBM 에서 제공하는 번역본이다.jQuery 를 공부하는데 도움이 되길 바란다.http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html 디벨로퍼웍스 코리아 dW Korea - IBM Developer개발자를 위한 튜토리얼, 블로그, 교육, 무료 체험판 그리고 다운로드가 제공되는 IBM 공식 개발자 프로그램입니다.developer.ibm.com 2010. 12. 27.
실전 HTML 5 가이드 - Web Standards Korea HTML 5 에 대한 Web Standards Korea 의 실전 가이드를 공유한다.HTML 5 에 대한 전반적인 이해와 HTML 5를 활용한 웹프로그래밍에 도움이 될 수 있을 것이다.첨부된 파일의 저작권은 Creative Commons 기반으로 하고 있으며, 한국 웹 표준 커뮤니티의 윤석찬, 신현석, 정찬명, 경준호, 권정혁 웹 에서 보기 bit.ly/2LMzjNC 커피한잔(5000원) 으로 배우는 Vue.js 개념 핵심 강의! - 인프런 인강 55% 할인 쿠폰커피한잔(5000 원) 으로 배우는 Vue.js 개념 핵심 강의! 모바일 환경에서도 강의를 수강할 수 있도록 강의가 많이 개선되었습니다. 인프런 인터넷 강의 선착순 100명 55% 할인쿠폰! [Vue.js] javascript Realplog.. 2010. 12. 26.
jQuery 시작하기 | by Hoon 요즘, jQuery 라는 놈이 웹 Front 단을 주름 잡고 있다.어떤 녀석이 자세히 한번 알아보도록 하자.1. jQuery 란jQuery is a new kind of JavaScript Library.jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.jQuery 는 자바스크립트 라이브러리의 새로운 한 종류란 것이다.jQuery 는 빠른 웹 개발을 .. 2010. 12. 23.
Velocity 개요, 실행원리 | by Hoon 1. Velocity 개요 Struts프레임워크를 도입하는 이점중의 하나는 web application의 Presentation부분(JSP등)과 Controller 부분(Action클래스)의 결합이 느슨해지는 것이 있다. 그래서 Presentation부분도 Controller 부분도 서로 의존하지 않고, 독립된 Controller 로서 각각 구현할 수 있다. 이에 따라 , 시스템의 다른 부분을 건들이지 않고, Presentation부분만을 통째로 바꿔 넣는 것이 가능하다. 실 예로, Struts의 Presentation부분을 구현하기에는, JSP를 사용하는 것이 일반적이지만, 그것 외의 기술을 이용하는 것도 가능하다. 여기서는 JSP를 대체해 꽤 사용되는 Apache Jakarta의 Template엔진인.. 2010. 12. 23.
JSon 문법 - 출처 : json.org object {} { members } members pair pair , members pair string : value array [] [ elements ] elements value value , elements value string number object array true false null string "" " chars " chars char char chars char any-Unicode-character- except-"-or-\-or- control-character \" \\ \/ \b \f \n \r \t \u four-hex-digits number int int frac int exp int frac exp int digit digit1-9 digits - digit -.. 2010. 12. 23.
JSON Example II - 출처 : json.org {"web-app": { "servlet": [ { "servlet-name": "cofaxCDS", "servlet-class": "org.cofax.cds.CDSServlet", "init-param": { "configGlossary:installationAt": "Philadelphia, PA", "configGlossary:adminEmail": "ksm@pobox.com", "configGlossary:poweredBy": "Cofax", "configGlossary:poweredByIcon": "/images/cofax.gif", "configGlossary:staticPath": "/content/static", "templateProcessorClass": "org.cofax.Wysiwy.. 2010. 12. 23.
Introducing JSON - 원문 json.org JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999. JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the .. 2010. 12. 23.