한바다

✔챗봇자바 - 채팅은 사람들이 너무 많이 저속하거나 채팅 내용을 db에 저장할 때자바스크립트 - 채팅은 사람들이 보여지는 창, 채팅내용 x✔사용한 태그 와 스타일 요소-.사용자가 메세지를 입력하면 채팅봇이 바로 대답하지 않고 1초가 있다가 대답하는 태그 코드-> setTimeout() -.user와 채팅봇이 있는데 메세지를 보내는게 유저인지 채팅봇인지 넣게 하는거.  css를 넣기위해 추가한 구문                                                                         user | bot-> messageElement.classlist.add("message", sender +"-message");.스타일에서 사용한 태그.챗콘테이너 꾸미는데 div ..

✔프롬포트문자열을 작성할 수 있는 알림창 - 확인 버튼을 클릭할 경우 :  입력한 내용 전달 - 취소 버튼을 클릭할 경우 : null 값 전달[프롬포트 실습]프롬포트 실습하기잔액확인하기✔반복문- for 문프로그램 흐름을 제어하는 제어문 중 하나 특정 코드를 반복할 때 사용하는 구문끝이 정해져 있는 방복에서 주로 사용 (ex. 몇 번만 반복하고 끝내자)[작성법]for(초기실: 조건식: 증감식) {        조건식이 true인 경우 반복 수행할 코드;    }for 문이나 for each 사용가능 -while 문끝이 정확하게 정해져 있지 않은 반복에서 주로 사용[작성법]while(true인 조건식) {          조건식이 true일 경우 반복 수행할 코드;     } ＊ false가 나올 때 까지 ..

✔자바스크립트 언어자바스크립트 언어는 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어JAVA처럼 별도의 코드를 컴파일(이진수로 번역)을 하지 않고Interpreter(인터프리터, 한 줄씩 코드를 읽어서 해석하는 기능)를 이용해서 코드를 바로 실행 - 장점 : 컴파일에 소요되는 시간이 없음- 단점 : 프로그램 실행 시간이 자바보다 상대적으로 느림✔자바스크립트(javascript) 코드 작성 방법- 브라우저 개발자도구(F12) -> console(콘솔) 에 직접 작성- HTML 내부에 script 태그를 이용해서 작성 - 자바에서 기능(메서드)을 작성할 때   public void 동작이름() {         System.out.println("입력을 진행했습니다.")     }..

▶CSS에서는 웹 요소에 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일을 결정한다.기본적으로 css 속성은 style 태그 또는 css 파일에 작성된 순서(위->아래) 로 해석이 진행되지만같은 요소에 따라 여러 css 속성이 설정되는 경우 우선순위 적용1) 동일한 우선 순위로 css 속성이 설정된 경우 -> 제일 마지막에 작성된 css 속성이 반영2) 여러 선택자를 이용해서 같은 요소를 선택하더라도 지정되는 css 속성이 다르면 모두 반영!important → 인라인스타일 → id스타일 → 클래스 스타일 →  타입스타일1순위 : css 속성 속송값 !important;  어떤 스타일보다 우선 적용하는 스타일이다. -> background-color:green !important;2순위 : ..

✔웹 문서에 디자인 입히기CSS Cascading Style Sheet의 약어로 ' Cascading'은 폭포처럼 떨어져 내리는 의미를 가지고 있다.css에서는 디자인 속성이 html문서의 구조 즉 DOM(Document Object Model) Tree 구조에서 상위요소에서정의한 디자인 속성이 하위 요소로 전달되는(상속 개념)의미에서 유래 되었다고 할 수 있다.HTML이 텍스트나 이미지, 표 같은 요소를 웹 문서에 넣어 뼈대를 만드는 역할을 한다면CSS는 텍스트나 이미지, 배경의 크기나 배치방법 등의 요소를 이용하여 디자인을 담당하여 웹문서에생기를 불어 넣는다.(css는 뼈에 살을 붙이는 거구나... ) [CSS 적용 전]              [CSS 적용 후]                     ..

▶ 여러 줄을 입력하는 텍스트 영역태그폼에서 텍스트를 여러 줄 입력하는 영역을 태그로 만들수 있다.(text=글 area=영역, 글 영역, 텍스트 영역이라 함)해당태그는 게시판에서 글을 입력하거나 회원가입양식에서 사용자 약관을 표시할 때 자주 사용한다.                  [기본형] 내용 태그에서는 너비( 평면이나 넓은 물체의 가로로 건너지른 거리. )크기를 지정하는 cols 속성과화면에 텍스트를 몇 줄 표시할지 지정하는 rows 속성을 사용한다. cols에서 지정하는 글자 수는 영문자를 기준으로 함(ex: 한글 1글자는 영문자 2글자에 해당하므로 cols="40"으로 지정하면 한글은 20글자 정도가 됨) 태그의 속성name제출되는 곳에서 데이터를 읽을 때 필요한 이름rows텍스트 영역의 세로..