본문 바로가기
반응형

분류 전체보기286

49일차. Jquery Keyup() 이벤트와 Textarea을 이용한 예제 Jquery의 키보드 이벤트인 Keyup() 이벤트는 키보드 이벤트중에 가장 빈번하게 사용되는 이벤트이다. 키보드를 눌렀다 떼는 시점에 발생하는 이벤트이다. 즉, 사용자가 입력하는 글자나 동작을 인식하기에 가장 좋은 이벤트이다. 오늘은 Textarea와 Keyup을 사용하여 사용자가 글자를 입력하고, 그 입력한 글자수를 세어 최대 글자수를 넘어가는 글자 입력시 Alert으로 경고메세지를 생성한후, 초과되는 글자는 지워주는 예제를 알아보겠다. 먼저 TextArea를 생성해주겠다. 그리고 Jquery로 이벤트를 생성해주겠다. 항상 코드를 작성할때 내가 하고자 하는 방향을 생각하고, 먼저 이벤트를 발생시켜야할 요소에 정상적으로 잘 접근하는지 Test를 해보는 습관을 들여야한다. 이곳은 Textarea 입니다 .. 2023. 1. 1.
48일차. 팀 프로젝트(Project)를 위한 ERD 작성해보기(ERD Cloud) ERD란? Entity Relationship Diagram이다. 개체 - 관계 모델, 테이블간의 관계를 직관적으로 보여주며 설명해주는 다이어그램 이라고 볼수 있다. 이를통하여 우리는 DB 설계를 하고 팀 프로젝트 및 협업 프로젝트를 진행할때 어떠한 데이터로 어떠한 값을 넣어주고 어떠한 이름으로 DB컬럼이 정해져있는지 확인할수 있고, 협업 단계에서 서로 다른 코드로 작성한후 합쳐서 수정하는 번거로움을 최소화 해줄수 있다. 논리 물리 데이터부터 시작해서 설명하고자 하면 밤을 새도 모자르다. 그리고 눈에 들어오지도 않을것이다. 바로 ERD를 생성하러 가보자. ERD Cloud의 사용법, 그리고 간단하게 관계형 데이터 베이스를 설계해볼것이다. 2022.12.27 - [Study/Site] - 무료 ERD Cl.. 2022. 12. 31.
47일차. Jquery Event On()과 event.stopPropagation() 메서드 On()메서드와 event.stopPropagation() 메서드 Jquery on() 메서드는 선택한 요소(Elements)와 자식 요소에게 하나 이상의 이벤트를 연결한다. 기본 문법으로는 on("이벤트명",동작(함수)); /*1개 적용시*/ on({key(여기서 key에 event명):value(동작 수행할 function),{key(여기서 key에 event명):value(동작 수행할 function)}); /*다중 적용시*/ 1개의 이벤트를 적용할때도 사용이 가능하고, 여러개의 이벤트를 Map 형식의 Key:value 형식으로 지정해서 한번에 나열할수도 있다. See the Pen Untitled by codeJo (@yatong) on CodePen. 코드를 보자. 우선 Jquery의 기본문법의.. 2022. 12. 30.
Eclipse(이클립스) Dynamic Web Project 생성시 Web.xml이 없을때 별도 생성 방법 Web.xml 파일은 웹 프로젝트의 설정 프로파일이다. 하지만 Project 생성을 하다보면 급한(?)마음에 Web.xml 생성을 빼먹고 프로젝트를 생성하기 마련이다. 물론 없다고해서 Project가 작동을 안하는것은 아니다. 정상 작동한다. 하지만 설정이 필요할때, Web.xml이 없어서 난감해하는 나같은(?) 초심자가 있다면 그 해결방법을 알려주겠다. 먼저 Dynamic Web Project를 정상적으로 Web.xml을 포함해서 생성하는 법을 살펴보자. 이클립스에서 Package explorer에서 마우스 우클릭 - NEW - Dynamic web Project를 눌러주자 그럼 프로젝트 생성 화면이 나온다. Tomcat 설정을 항상 잊으면 안된다. 보통 처음만들때는 이라고 되어있지만, 한번 생성한 이.. 2022. 12. 29.
반응형

티스토리툴바