Dev다D

똑Talk한 Enter키! HTML/CSS, 그리고 자바스크립트를 활용해서 웹으로 간단한 채팅 앱을 만들었습니다. textarea 태그에 메시지를 입력하고 오른편에 있는 send 버튼을 클릭하면 화면에 내가 입력한 메시지가 나는데요. text 타입의 input 태그나 textarea 태그를 자바스크립트로 선택한 다음에 해당 요소 노드의 value 프로퍼티를 활용하면 해당 태그에 입력된 값을 다룰 수 있습니다. 그런데 한 가지 아쉬운 점은 키보드로 메시지를 입력하고 나면, 마우스를 움직여서 send 버튼을 눌러야 한다는 겁니다. 아쉬운 규리를 위해서 textarea 태그에서 enter 키를 누르면 sendMyText 함수가 호출되는 코드를 추가해 주세요. 코드를 완성했을 때 아래 조건들이 지켜져야 합니다...

효준이네 집 data-title 속성과 자바스크립트를 활용해서 마우스 커서가 해당 태그 위로 올라가면 data-title 속성의 값이 나타나도록 코드를 완성해 주세요. 세부적인 조건은 다음과 같습니다. showTitle 함수 showTitle 함수가 호출되면 가장 먼저 조건문을 통해 이벤트 객체의 target 프로퍼티에 담긴 요소에 data-title 속성의 값을 가지고 있는지 확인합니다. 조건문이 true일 경우 span 태그 형태의 요소 노드를 생성합니다. 이 요소 노드는 'title'이라는 class 값을 가지고 있어야 합니다. 이 요소 노드의 내부에 target 프로퍼티에 담긴 요소의 data-title 속성에 담긴 값을 할당해 주세요. 이 요소 노드를 target 프로퍼티에 담긴 요소의 마지막 ..

마우스를 이용해서 마우스 왼쪽 버튼을 누르면 청기(flagBlue)가 올라가고, 마우스 오른쪽 버튼을 누르면 백기(flagWhite)가 올라가도록 기획을 했는데요. 나름대로 열심히 고민해서 코드를 작성해봤지만 좀처럼 구현하기가 쉽지 않고 자꾸만 오른쪽 클릭을 할 때 브라우저의 메뉴창이 나타나서 어떻게 해야할지 막막해 하는 중입니다. 마우스 왼쪽 버튼을 누른 순간 청기(flagBlue)에 'up'이라는 클래스 속성값이 추가되고, 마우스 오른쪽 버튼을 누른 순간 백기(flagWhite)에 'up'이라는 클래스 속성값이 추가되는 flagUp 함수를 완성해 주세요. 웹 페이지에서 contextmenu 이벤트가 발생하면 브라우저의 메뉴창이 나타나지 않도록 막아주세요. 참고로 flagUp 함수 안에 있는 setTi..

Goal ; Java ☕ [자바 객체 지향 프로그래밍] 04. 자바, 더 정확하게! (03.02완료) 05. 자바, 더 간편하게! (03.03 완료) 06. 기말고사: 자바 실무 프로젝트 (03.04 완료) [자바 중급 개념] 01. 상속 (03.05 완료) 02. 캐스팅과 제네릭 (03.09 완료) 03. 인터페이스와 추상 클래스 (03.09 완료) HTTP🔗 [모든 개발자를 위한 HTTP 웹 기본 지식] 04. HTTP 메서드 (03.02완료) 05. HTTP 메서드 활용 (03.04 완료) 06. HTTP 상태코드 (03.05 완료) 07. HTTP 헤더1 - 일반 헤더 (03.08 완료) 08. HTTP 헤더2 - 캐시와 조건부 요청 (03.09 완료) 09. 다음으로 (03.10 완료) Spri..

JavaScript 🌈 [인터랙티브 자바스크립트] 04. 다양한 이벤트 알아보기 01. 마우스 버튼 이벤트 02. 청기 올려?! 백기 올려?! 03. 마우스 이동 이벤트 1 04. client, page, offset 차이 05. 마우스 이동 이벤트 2 06. mouseenter / mouseleave 07. 효준이네 집 08. 키보드 이벤트 09. 똑Talk한 Enter키! 10. input 태그 다루기 11. 코드잇 산성비 12. 스크롤 이벤트 13. 종합 정리 GitHub 🐸 벌써 3월이라니 정말 말도 안 된다. 시간이 화살처럼 지나가버렸다는 말이 정말 공감되는 요즘이다 🏹 그래서 더 빡빡하게 3월의 계획을 세웠다... 과연 저렇게 많은 계획들을 하나도 빠짐없이 세울 수 있을지 걱정이다. 3월은 J..

모든 것이 HTTP HTTP(HyperText Transfer Protocol) HTTP 메시지에 모든 것을 전송 HTML, TEXT IMAGE, 음성, 영상, 파일 JSON, XML (API) 거의 모든 형태의 데이터 전송 가능 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용 지금은 HTTP 시대! HTTP의 역사 HTTP/0.9 1991년: GET 메서드 만 지원, HTTP 헤더 X HTTP/1.0 1996년: 메서드, 헤더 추가 HTTP/1.1 1997년: 가장 많이 사용, 우리에게 가장 중요한 버전 RFC2068(1997) -> RFC2616(1999) -> RFC7230~7235(2014) HTTP/2 2015년: 성능 개선 HTTP/3 진행 중: TCP 대신에 UDP 사용, 성능 개선 ..

코드잇 소개 프로그램 키보드 입력으로 탐색할 수 있는 코드잇 소개 프로그램을 만듭니다. 메인 메뉴 (Main Menu) 아래와 같은 메뉴가 출력됩니다. "I", "i", "C", "c", "E", "e"를 입력하면 해당되는 메뉴로 이동합니다. (I)ntro (C)ourses (E)xit (E)xit "E" 또는 "e"를 입력하면, 아래의 메시지를 출력하고 프로그램을 끝냅니다. (I)ntro (C)ourses (E)xit E 안녕히 가세요. (I)ntro "I" 또는 "i"를 입력하면, 아래의 메시지를 출력하고 MainMenu로 돌아갑니다. (I)ntro (C)ourses (E)xit I 안녕하세요! 우리는 코드잇입니다. 함께 공부합시다! (I)ntro (C)ourses (E)xit (C)ourses "C..

Java ☕[자바 객체 지향 프로그래밍] 03. 중간고사: 문제 해결 능력 기르기01. 평균값 계산하기02. 두 원소의 차 중 최댓값 구하기03. 삼각형 그리기04. 피라미드 그리기05. 플로이드의 삼각형06. 콘솔 입력 받기 (Scanner)07. 코드잇 소개 프로그램 HTTP🔗[모든 개발자를 위한 HTTP 웹 기본 지식] 03. HTTP 기본01. 모든 것이 HTTP02. 클라이언트 서버 구조03. Stateful, Stateless04. 비 연결성(connectionless)05. HTTP 메시지 GitHub 🐸 Study 🛠[코뮤니티 서포터즈] 게릴라 미션01. 소통 게시판 활성화 개인 공부 시간은 정말 소중하다고 생각되는 하루이다. 최근에 프로젝트를 하느라 개인공부를 할 시간이 전혀 없어서 마음..

안녕하세요 :) 시리(ENTP 코린이)입니다. 벌써, 코뮤니티 서포터즈 1기를 시작한지 3주가 지나가고있습니다. 3주차 게릴라 미션은 코뮤니티 카페 회원분들의 친목도모를 위해 생겨난 "소통게시판"을 활성화하는 것입니다. 대단한 서포터즈님들은 동영상도 만들고 카드뉴스도 만들었지만, 시간이 부족한 저는 매일 소통 게시판에 들어가 한 줄 정도의 인사와 대화를 나누어 보았습니다. 02월 22일 cafe.naver.com/codeuniv/15854 모두들 GitHub는 하고 계신가요? 1일 1커밋을 하다보니 코딩 습관도 생기고 좋네요! 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 02월 23일 cafe.naver.com/codeuniv/15974 점심은 다들 드셨나요? 대한민국 모임의 시작, 네..

URI(Uniform Resource Identifier) URI Uniform: 리소스를 식별하는 통일된 방식 Resource: 자원, URI로 식별할 수 있는 모든 것 (제한 없음) Identifier: 다른 항목과 구분하는데 필요한 정보 URI를 URL과 같은 의미로 이야기하겠음 (강의에서) URL(Uniform Resource Locator) Locator: 리소스가 있는 위치를 지정 위치는 변할 수 있다. URN(Uniform Resource Name) Name: 리소스에 이름을 부여 이름은 변하지 않는다. urn:isbn:8960777331 (어떤 책의 isbn URN) URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음 URL의 전체 문법 (scheme://[userinf..