개발누나

고정 헤더 영역

글 제목

메뉴 레이어

개발누나

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (235)
    • TIL (deeply) (3)
    • TIL (Today I Learned) (22)
    • Git 학습 & 활용 (5)
    • CS (0)
      • 운영 체제(Operating System) (0)
    • 문제 해결 (40)
      • 에러 해결도 실력이다. (28)
      • 50제 (2)
      • 백준 essential (0)
      • wikidocs 300제 (0)
      • 코드업 100제 (9)
    • 자료구조 (7)
      • 개념 (7)
    • 알고리즘 (7)
      • C.C.I (708) (0)
      • Introduction to Algorithms .. (0)
      • 문자열 조작 (5)
      • 배열 (2)
      • 정렬 (0)
      • 이진탐색 (0)
      • 재귀함수 (0)
      • 스택 (0)
      • 큐 (0)
      • DP (0)
    • Side Project (7)
      • Public (5)
      • Personal (1)
      • Stealth Mode (1)
      • 문제 해결력 증진 프로젝트 (0)
      • 개발자의 품격 4기 (0)
    • 개인 개발 공부 일지 (0)
      • Flask (0)
      • React (0)
      • JavaScript (0)
      • Python (0)
    • 수업 일지 (92)
      • JS (4)
      • Java (7)
      • Servlet (6)
      • Oracle DBMS (19)
      • HTML, CSS, Flex, Grid (18)
      • Git (0)
      • Spring (28)
      • React (10)
      • Node.js (0)
    • 유용한 정보 (1)
    • 정보 리뷰 (20)
      • short (1)
      • 생활코딩 Java (5)
      • 생활코딩 JS for web browser (0)
      • 생활코딩 Web2 JS (0)
      • 생활코딩 CSS (0)
      • 생활코딩 Node.js (0)
      • 뉴렉처 서블릿,JSP (0)
      • 웹 게임을 만들며 배우는 JS (0)
      • 김영한 스프링 입문 강의 (0)
      • 나도코딩 파이썬 (0)
      • JavaScript (0)
      • 시니어코딩 Flask (0)
      • 노드 리액트 기초강의 (0)
      • 만들고 비교하며 학습하는 리액트 (0)
      • 생활코딩 Redux (0)
      • 따라하며 배우는 리액트, 노드 (0)
      • Node.js 교과서 (0)
      • 생활코딩 Linux (14)
      • 생활코딩 AWS (0)
      • 따라하며 배우는 TDD 개발 (0)
      • 모든 개발자를 위한 HTTP 웹 기본 지식 (0)
      • AWS Cloud Practitioner Esse.. (0)
      • 생활코딩 GIT CLI 모음 (0)
      • 함수형 프로그래밍과 JavaScript ES6+ (0)
      • 이규원의 현실 세상의 TDD (0)
      • Node.js 초격차 (0)
    • 책 리뷰 (1)
    • 개인 (30)
      • Today (28)
      • 잡담 (2)
    • 기타 (0)
홈태그방명록
  • TIL (deeply) 3
  • TIL (Today I Learned) 22
  • Git 학습 & 활용 5
  • CS 0
    • 운영 체제(Operating System) 0
  • 문제 해결 40
    • 에러 해결도 실력이다. 28
    • 50제 2
    • 백준 essential 0
    • wikidocs 300제 0
    • 코드업 100제 9
  • 자료구조 7
    • 개념 7
  • 알고리즘 7
    • C.C.I (708) 0
    • Introduction to Algorithms .. 0
    • 문자열 조작 5
    • 배열 2
    • 정렬 0
    • 이진탐색 0
    • 재귀함수 0
    • 스택 0
    • 큐 0
    • DP 0
  • Side Project 7
    • Public 5
    • Personal 1
    • Stealth Mode 1
    • 문제 해결력 증진 프로젝트 0
    • 개발자의 품격 4기 0
  • 개인 개발 공부 일지 0
    • Flask 0
    • React 0
    • JavaScript 0
    • Python 0
  • 수업 일지 92
    • JS 4
    • Java 7
    • Servlet 6
    • Oracle DBMS 19
    • HTML, CSS, Flex, Grid 18
    • Git 0
    • Spring 28
    • React 10
    • Node.js 0
  • 유용한 정보 1
  • 정보 리뷰 20
    • short 1
    • 생활코딩 Java 5
    • 생활코딩 JS for web browser 0
    • 생활코딩 Web2 JS 0
    • 생활코딩 CSS 0
    • 생활코딩 Node.js 0
    • 뉴렉처 서블릿,JSP 0
    • 웹 게임을 만들며 배우는 JS 0
    • 김영한 스프링 입문 강의 0
    • 나도코딩 파이썬 0
    • JavaScript 0
    • 시니어코딩 Flask 0
    • 노드 리액트 기초강의 0
    • 만들고 비교하며 학습하는 리액트 0
    • 생활코딩 Redux 0
    • 따라하며 배우는 리액트, 노드 0
    • Node.js 교과서 0
    • 생활코딩 Linux 14
    • 생활코딩 AWS 0
    • 따라하며 배우는 TDD 개발 0
    • 모든 개발자를 위한 HTTP 웹 기본 지식 0
    • AWS Cloud Practitioner Esse.. 0
    • 생활코딩 GIT CLI 모음 0
    • 함수형 프로그래밍과 JavaScript ES6+ 0
    • 이규원의 현실 세상의 TDD 0
    • Node.js 초격차 0
  • 책 리뷰 1
  • 개인 30
    • Today 28
    • 잡담 2
  • 기타 0

검색 레이어

개발누나

검색 영역

컨텐츠 검색

수업 일지/JS

  • Ajax 페이지들 관계 정리 2 - 집중화

    2021.05.07 by NayC

  • Ajax 페이지들 관계 정리 1 - 기본

    2021.05.06 by NayC

  • 숙지를 위한 연습 문제들 답

    2021.05.05 by NayC

  • 숙지를 위한 연습 문제들 (JavaScript)

    2021.05.05 by NayC

Ajax 페이지들 관계 정리 2 - 집중화

(js 22일차) 같은 기능을 하는 함수를 만들어서 두루두루 쓸 수 있도록 한다. 1. 데이터를 가지고 와서 화면에 출력하는 기능의 함수를 만들어보자. (여기서 bind) XMLHttpRequset() 생성시키고, open,send, 데이터 꽂아넣기... 다 아래서 이미 했던 내용! 그래서 복붙시킨다. url로만 수정 쨘! bind 함수를 이용해서 이렇게 간단하게 표현이 가능하게 됐다! 2. '1'을 누르면 1에 관한 목록이 화면에 보이도록 해보자 준비 1 - (데이터 오기 전) 비워두는 작업 준비 2 - 화면 속 'click' 버튼은 이제 필요 x 옆에 한 줄 남겨둔 이유는 click 버튼 삭제해서 btnRequest에 이벤트 줄 일이 없어졌는데, 지금 하려는 1,2,3,4,5 데이터 가지고 오는 ur..

수업 일지/JS 2021. 5. 7. 02:22

Ajax 페이지들 관계 정리 1 - 기본

Ajax : 비동기적으로 데이터를 요청해서 화면을 갱신하는 기술적인 집합 - 프론트엔드의 꽃 ! cf) Json 형태로 해주기 위해 key 값을 다 ""로 묶어주는 작업을 한 cf) 26. NoticeService를 사용할거야 27. 이 list를 사용자에게 돌려주도록 해보자 29. 출력이 collection일 경우 자연스럽게 배열로 준다. 9. XMLHtppRequest를 request로 이제 활용 가능 17. (2) request 객체가 / get 방식으로 / url 이 주소로 통신을 하게 된다. 18. (1) send를 하게 되면 14. (3) 통신이 성공적으로 끝나면 끝나면 ~(request.readyState===4 && request.status ===200) cf) load : transac..

수업 일지/JS 2021. 5. 6. 23:11

숙지를 위한 연습 문제들 답

1번 417.- document에서 getElement...하면 html 전체에서 훓어서 가지고 오는거니까, 위에 416에서 ex1으로 한정한걸 section으로 해주었으니, section에서 class 가지고 오는거로. - 그리고 class는 이름 같은걸 여러개 넣어줄 수 있으니 [0] 붙여주는게 정석이긴 하다. 2번 397.xInput에 넣은 값(xInput.value)은 화면에는 숫자처럼 보이지만 사실은 문자. 그래서 parseInt를 해주고 -> 이 값을 x1에다가 담아줌 400.그렇게 정수 변환한 값들 x1 + y1 을 result에다가 꽂아주자 (innerText) 3번 cf) 2번 문제까지는 getElementById, getElementByClass 로 해주었는데, 지금부터는 querySe..

수업 일지/JS 2021. 5. 5. 12:28

숙지를 위한 연습 문제들 (JavaScript)

1번 - '덧셈' 버튼 누르면 cosole 창에 'test' 나오게 해주세요. 2번 - x, y에 값을 넣어서 '덧셈' 버튼을 누르면 그 결과 값이 나오게 해주세요. 3번 - '카운트다운' 버튼을 누르면 옆에 60이 1초마다 다운되게 해주세요. 4번 - 'click' 버튼을 누르면 (왼쪽으로부터 70px 떨어진) 파란색 공이 오른쪽으로 1px씩 굴러가게 해주세요. 5번 추가 삭제 : 첫번째거부터 삭제복제 : (1) 식별자도 같이 복제 (2) 식별자 없이 복제바꾸기 : 첫번째-두번째, 세번째-네번째 바꾸기 6번 - 이벤트 타겟에'만' 빨간색 라인을 둘러주세요. (두 개 동시에 선택 x) 7번 - title 부분을 누를 때만 각 content를 보여주세요. 8번위 : 옆에 있는 값이 1씩 증가아래 : 옆에 ..

수업 일지/JS 2021. 5. 5. 12:27

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
개발누나 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.