WEB24 [9주차] 웹프로젝트 진행 이번주 계획 : 후기 게시판 제작, 검색 기능 추가 (+ 지난주에 못 완성한 후기 글 수정, 삭제 기능 추가) 1) 후기 게시판 제작 - 후기를 모아놓은 게시판 제작 2) 검색 기능 - 검색 기능 추가 3) 후기 작성 기능 - 글 읽기 기능 추가 - 글 수정 기능 추가 - 글 삭제 기능 추가 https://github.com/jini-coding/ott_review_project GitHub - jini-coding/ott_review_project: SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작 SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작. Contribute to jini-coding/ott_review_project development.. 2022. 2. 27. [8주차] 웹프로젝트 진행 이번주 계획 : 후기 게시판 제작, 검색 기능 추가 (+ 지난주에 못 완성한 후기 글 수정, 삭제 기능 추가) 1) 후기 게시판 제작 - 후기를 모아놓은 게시판 제작 2) 검색 기능 - 검색 기능 추가 3) 후기 작성 기능 - 글 읽기 기능 추가 - 글 수정 기능 추가 - 글 삭제 기능 추가 https://github.com/jini-coding/ott_review_project GitHub - jini-coding/ott_review_project: SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작 SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작. Contribute to jini-coding/ott_review_project development.. 2022. 2. 19. [6주차] 웹프로젝트 진행 이번주 계획 : 자료 수집 + DB 제작 + DB 데이터 입력 1) 자료 수집 - 각 ott별 콘텐츠 몇 가지 선정 및 해당 콘텐츠에 대한 후기&감상평 모음 2) DB 작업 - DB 생성, table 생성 - 수집한 자료를 DB에 입력 - 웹페이지와 DB 연동 https://github.com/jini-coding/ott_review_project GitHub - jini-coding/ott_review_project: SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작 SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작. Contribute to jini-coding/ott_review_project development by creating an ac.. 2022. 2. 6. [4주차] 웹프로젝트 진행 이번주 계획 : 메인 페이지 제작 + 세부 페이지 일부 제작 1) 메인 페이지 - 각 ott별 페이지로 이동할 수 있는 버튼 제작 2) 세부 페이지 - Netflix, Watcha, Tving, Disney+ 첫 화면 - 후기 작성 페이지 - 글 작성하는 부분 제작 https://github.com/jini-coding/ott_review_project GitHub - jini-coding/ott_review_project: SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작 SISS 2022 겨울방학 웹프로젝트 - OTT별 콘텐츠 리뷰 홈페이지 제작. Contribute to jini-coding/ott_review_project development by creating an.. 2022. 1. 23. [생활코딩] DATABASE - MySQL 정리 생활코딩 DATABASE - MySQL 2강 ~ 20강 정리 1. 데이터베이스 - 데이터를 표의 형태로 표현 가능 - 컴퓨터 언어를 통해 데이터를 제어 가능 - MySQL은 관계형 데이터베이스 - 권한 기능이 있어서 사용자에 따라 권한 설정 가능 2. MySQL 접속 (1) MySQL 설치했을 때 1) MySQL start 2) terminal 열고 아래의 명령어 입력 (-uroot : root라는 사용자로 접속하겠다는 의미) ㄴ root는 모든 권한이 열려있기 때문에 데이터베이스 직접 다루는 건 위험 (-p : 아래로 비밀번호를 물어보게끔 함) password에는 처음에 설정된 비밀번호를 입력해주면 된다. 내 컴퓨터에서도 해보려고 했는데 아무리 찾아도 mysql 폴더가 안 보여서 나중에 다시 찾아보기로.. 2022. 1. 9. [생활코딩] WEB2-PHP 정리 3강 ~ 27강 1. PHP - php.ini : 이 파일의 설정을 바꾸는 것을 통해 php의 기본 동작 방법을 바꿀 수 있음 웹 브라우저에 html 파일 요청 -> 웹 서버가 확장자를 확인하여 html임을 확인 -> htdocs 디렉터리에서 html 파일을 읽어서 웹 브라우저에 전송 -> 웹 브라우저는 그 코드 해석하고 화면에 표시 웹 브라우저에 php 파일 요청 -> 웹 서버에서 php는 자신의 소관이 아님을 확인 -> php라는 프로그램에 php 파일 위임 -> htdocs 디렉터리 안에 있는 php 파일을 열어서 php 문법에 따라 html 파일을 만들어냄 -> 만들어진 html 파일을 웹서버가 웹 브라우저에 전달 2. 데이터 타입 1) 숫자 - integer (정수) - float (부동소수점).. 2022. 1. 3. [8주차] 실습 1. innerHTML 속성 - 화면 상의 버튼을 누르면 사용자로부터 prompt를 통해 문자열을 입력받고, 입력받은 문자열을 버튼 아래 화면에 표시 - 출력할 자리인 요소에 innerHTML 속성을 이용하여 요소를 추가하는 코드 작성 [실행 화면] [코드] [설명] 먼저 버튼을 넣고 버튼에 onclick 속성을 넣어서 클릭하면 특정 이벤트가 발생하도록 해준다. contentPrint라는 함수를 정의하고 이 함수를 통해 prompt를 이용해서 내용을 입력받고 입력 받은 내용을 출력하는 코드를 지정해준다. 문제에서 제시된대로 p 요소를 미리 설정해두고 이 p 요소에 print라는 아이디를 부여한다. getElementById를 이용해서 지정해둔 p요소를 불러오고 innerHTML 속성을 이용해서 h1 요소.. 2021. 8. 25. [8주차] 이론 1. 이벤트 - 사용자가 웹 브라우저를 사용하는 중에 발생시키는 키보드, 마우스 등의 입력 이벤트 처리 : 이벤트가 입력되었을 때 미리 구현된 자바스크립트 코드를 수행 이벤트 핸들러 : 이벤트 발생 시 실행하고자 하는 자바스크립트 함수나 코드 이벤트 등록 : 이벤트의 종류와 이를 처리할 이벤트 핸들러를 연결시키는 작업 - 등록 방법 1) 태그 속성에 직접 이벤트 핸들러 기술 or 이벤트 함수 호출 2) 객체의 이벤트 속성 값에 이벤트 핸들러 함수 이름 기술 2. 이벤트 종류 1) 마우스 이벤트 2) 키보드 이벤트 3) 프레임/객체 이벤트 4) 폼 이벤트 3. 폼 다루기 - JS를 이용해 폼의 값을 읽어내거나 계산하여 수정하는 것이 가능 - 요소를 DOM 인터페이스로 접근하여 value 속성값을 읽거나 저.. 2021. 8. 25. [7주차] 이론 [생활코딩] 1. 객체 서로 연관된 함수와 변수를 같은 이름으로 그룹핑해서 정리하기 위해 사용 매소드 : 객체에 속한 함수 객체는 중괄호를 이용해서 생성한다. var animals = { "dog" : "kong" }; document.write("dog name : " + animals.dog + " "); 이런 식으로 객체를 생성하고 객체에 생성한 데이터를 가져올 수 있다. 다음으로는 객체에 있는 데이터들을 모두 가져오는 방법이다. for (var key in animals) { document.write(dey + " : " + animals[key] + " "); } 이런 식으로 생성된 객체에 있는 데이터들을 모두 가져올 수 있다. 이 외에도 객체에 소속된 변수의 값으로 함수를 지정할 수 있고 매.. 2021. 8. 22. 이전 1 2 3 다음