꾸준히 안타치기

youtu.be/RkuoX9eeOEc 드래그를 하려면, 드래그를 시작하는 함수 ,드래그를 집어 들었을때 함수 , 놓았을때의 함수가 필요하다. A P P L E css .list{ margin:0; padding:0; } li{ display: inline-block; width:60px; height:60px; padding: 10px; background-color: blue; }

ajax방법 gnujava.com/board/article_view.jsp?article_no=5778&menu_cd=24&board_no=11&cmd=recommand&table_cd=EPAR04&table_no=04 GNUJAVA 코멧(Comet)이란? 웹 페이지가 다시 로드되지 않고도 실시간으로 변동사항을 반영해 변화하게 하려면 어떻게 해야할까요. 이런 고민들은 의외로 많은 곳에서 만나게 됩니다. 웹에서 실시간 모니 gnujava.com socket io방법 donghunee.github.io/study/2019/12/09/socket/ [Socket.io]express에서 socket.io 사용해보기 - 1 (전체) 안녕하세요 솝트 서버 여러분!! 서버파트 YB 이동훈입니다. 앱잼 이후 네트워킹 ..

blog.opsnow.com/46 Ngrok 사용하여 개발하기 웹사이트나 API 서버를 개발할 때 일반적으로는 로컬 개발환경을 구축하고 개발을 진행합니다. 하지만 때에 따라서는 외부 서비스와 연동을 하거나 외부에서 접근이 필요한 경우가 있는데 상용( blog.opsnow.com Ngrok은 외부에서 로컬에 접속할수 있게 도와 주는 터널링 프로그램 -> 간단한 테스트 용도로 좋다. Ngrok 사용 / 노드js, express, socket.io를 사용해서 만들어논 파일이 있고 가정 1. vscode 하단 터미널 창에서 npm start 2. vscode 하단 터미널 창에서 nodemon app.js 3. 서버 터미널로 가서 이미 만들어 논 ngrok을 재실행 한다. $ ngrok http 설정 해놓은 포트..

chamggae.tistory.com/85?category=793467 [ php/mysql ] 게시판 만들기 (회원제, 수정, 조회수) 2019.05.12 수정 이전 게시판을 익명 게시판에서 회원제 게시판으로 바꿔 봤습니다. 이제부터 글은 로그인 한 상태에서 가능합니다. 또 게시물 수정 기능을 추가했습니다. 추후 추가할 기능은 삭제 chamggae.tistory.com

webdir.tistory.com/221 [Ubuntu] 우분투 php.ini 설정 우분투에서 apt-get으로 설치한 PHP를 기준으로 설정합니다. php.ini 위치 : /etc/php5/apache2/php.ini 기본값으로 제공되는 php.ini 파일은 실서비스를 위한 환경설정(php.ini-production) 내용을 담고 있으며,.. webdir.tistory.com php 로그찍는법 php.ini설정을 해줘야 로그 확인가능 display error / on 웹브라우저 상에서 log 확인하는 방법 $id = $_POST['id']; echo"가져온id : {$id} "; php 상에서 리눅스 php.ini설정 가능

데이터 조회 select 칼럼명1, 칼럼명2 from board; select * from board; ( 모든(*) 컬럼/ board라는 테이블/ 의 정보를 조회하겠다) - 별은 모두를 의미 select * from board where id = 3; ( 모든(*) 컬럼 / board라는 테이블의 / id값이 3인 행을 조회해라) id값의 3행 -------> 백태호를 조회해라 select * from board where sex =' 남자 ' AND address= ' 서울 ' ; ( 모든(*) 컬럼 / board라는 테이블의 / sex가 남자이고 / 주소가 서울 / 인 데이터를 조회해라 ) select * from board LIMIT 3; ( 모든(*) 컬럼 / board라는 테이블의 / 정보를 ..

doctorcodetutorial.blogspot.com/2020/04/make-drawing-app-in-javascript.html

스키마란? 테이블에 적재될 데이터의 구조와 형식을 정의 하는 것 opentutorials.org/course/195/1537 테이블 생성 1 2 3 4 CREATE TABLE table_name ( 칼럼명1 data_type, 칼럼명2 data_type ) 1 2 3 4 5 6 7 8 CREATE TABLE `student` ( `id` tinyint NOT NULL , `name` char(4) NOT NULL , `sex` enum('남자','여자') NOT NULL , `address` varchar(50) NOT NULL , `birthday` datetime NOT NULL , PRIMARY KEY (`id`) ); SHOW tables; DESC `테이블명` DROP TABLE `테이블명` 데..

웹에플리케이션 만들기 - PHP 실습 3 웹에플리케이션 만들기 - PHP 실습 4 PHP는 반복작업을 줄인다. 리스트 텍스트를 만들고, 각 텍스트를 불러옴. 리스트 추가하기가 쉬움, 각내용은 각 txt파일 안에 있다. 불러오기만 하면됨 반복문 배열 함수 text파일로 정보를 빼내 저장할수도 있다. form form이란 사용자가 입력한 정보를 받아서 서버로 전송하기 위한 HTML의 태그이다. 사용자가 입력한 정보를 받는 UI를 입력 컨트롤이라고 하는데 위의 코드에는 id와 password를 입력 받는 입력 컨트롤이 포함되어 있다. 입력 컨트롤에 입력된 정보는 해당 컨트롤의 속성 name의 값을 이름으로 데이터가 서버로 전송된다. 정보 입력을 마치면 사용자가 입력한 정보를 서버로 전송할 수 있도록 해야하는데..

palpit.tistory.com/entry/PHP-27-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9CFile-Upload-PHP-%EA%B0%95%EC%A2%8C-PHP5 [PHP] 27. 파일 업로드(File Upload) - PHP 강좌, PHP5 PHP 5 File Upload PHP에서, 서버에 파일을 업로드 하는 것은 쉬운 일입니다. 1. Configure The "php.ini" File 첫째로, 파일을 업로드하는 것을 허용하기를 수정해야 합니다. 자신의 php.ini 파일에서 아래.. palpit.tistory.com youtu.be/Ipa9xAs_nTg 데이터 테이블 사용한 이미지 업로드 / 이것으로 구현 offbyone.tistory.com/279 ..

youtu.be/eprXmC_j9A4 0~18분 40초 까지 flex는 박스 부모에 적용하는 것 - 안에 있는 아이템들에게 적용됨 column, row가 원래 기본값임 wrap;으로 하면 화면줄였을때 밑으로 떨어짐 wrap 일때만 됨 / align-content 적용시 아이템에 적용 flex:1 ; 로 지정시 flex-basis:auto;가 됨 order로 아이템 순서 변경가능

span, a태그 -> inline 은 크기조정이 불가능 함 div / section /article/header/footer/nav ->block 은 크기조절 가능 inline-block : 속성 둘다임 none: 안보임 youtu.be/Zny5Vxqk6Mk css reset - 적용하기 *{ margin:0; paddding:0; } padding:5%; 컨테이너 Div의 - 폰트 사이즈를 0으로 바꿔주면, 띄어쓰기 사라짐 vertical-align :top; max-with: 1000px; 가운데 정렬 margin-left: auto; margin-right:auto; margin :0 auto; (상하는 0 , 좌우는 auto;) float youtu.be/Zny5Vxqk6Mk?t=1583 flo..

Ajax( 서버로만 열수있음 ) 페이지 전체를 리로딩 하지 않고, 정보를 보여줄 수 있다. fetch API https://youtu.be/ufjCFdG_4fo response 웹서버가 응답한 결과를 담고 있다. 404(실패), 200(성공) 을 이용할수 있다. # 해쉬이용하기 해쉬를 이용하면! ajax로 다른 페이지를 로드해 시작페이지를 로드 할수있다. 콘솔로그를 통해 해쉬를 알아 낼수 있다. youtu.be/AGcvjs1k4gg https://youtu.be/rER7SpywfMM 해쉬활용하기 해쉬뱅 / but 검색엔진 최적화가 안됨 pjax라는 것을 사용한다고 함. 글목록 구현하기 1 !youtu.be/XYasGSxwcLs 글목록 구현하기 2

1.input값 핸들링 2.보였다 안보였다 하는 용도 var - 변수가 중복으로 선언되어도 알수 없음. let - 중복변수 선언시 에러가남. 변수명 유일, 재할당 가능 const - 절대바뀌지 않는값임. 재할당도 불가능 // 데이터 타입 : 숫자,소수점, 문자, 오브젝트, 배열 함수 function regist(){ alert(document.getElementById("name").value); } 매개변수 리턴 youtu.be/vlyHEQSqkl8?t=1236( 함수안에서 리턴문이 나오면 종료하고, 실행한 위치로 돌아간다.) 조건문 resul = (1==1); if(result){ document.write("참"); }else{ document.write("거짓"); } 반복문 배열 [ ] 순서대로..