본문 바로가기

반응형

Welcome !

(441)
[29일차 zoom수업] 20210422 node.js 총복습 ( express, app.post, app.get, mariaDB, dotenv / express로 서버 만들기 ) 줌 수업 장점 : 9시에 일어나도 된다 너무 좋다 단점 : 졸림.. 어제 html, js를 다 못외움. 오늘 남은거 외우기 ** ----------------------------------------------------------1교시--------------------------------------------------------- 숙제 검사 찾는거는 학원에서 한 것밖에 못했다 오늘 다시 하자! ??? 나오면 한글의 인코딩의 문제이구나 ~ 라고 인지하기 가변적이면 varchar 고정적이면char (ex. 남자, 여자 이렇게 정해져있으면) -----------------------------------------------------------2교시----------------------------..
[28일차 복습] mariaDB 다운로드 및 설치 / Mariadb mysql 명령어 정리 / nunjucks .env (보안위해) mysql (DB 내용 가져오기 위해) 실제로 mariaDB에서 data 가져오기까지 mariaDB 다운로드 및 설치 Mariadb 설치 방법 offbyone.tistory.com/199 Windows 10에 MariaDB 설치하기 개발용으로 Windows 10 PC에 MariaDB 를 설치해 봅니다. 1. http://mariadb.org/ 에 접속하여 다운로드 페이지로 들어갑니다. 2. 실제 다운로드 URL은 https://downloads.mariadb.org/ 입니다. 현재 안정 버전은.. offbyone.tistory.com Maria DB 다운 주소 https://downloads.mariadb.org/downloads.mariadb.org/ Downloads - MariaDB downloads.mariadb.org 비밀번호 입력 (아무거나!) 오늘 배운 내용은 DBMS 중 하..
code: 'ER_ACCESS_DENIED_ERROR', errno: 1045, sqlMessage: "Access denied for user 'root'@'localhost' (using password: YES)", sqlState: '28000', fatal: true code: 'ER_ACCESS_DENIED_ERROR', errno: 1045, sqlMessage: "Access denied for user 'root'@'localhost' (using password: YES)", sqlState: '28000', fatal: true server 를 키려고 하니 에러가 떴다. 생각해보니 비밀번호 잘못 입력했음 위의 오류는 내가 js에 넣은 정보와 불러와지는 marisDB의 정보와 일치하지 않을 때 발생하는 듯 하다.
[28일차]20210421 node.js mySQL dotenv 설치 연결 app.port app.get 등 1. Mariadb 설치 방법 offbyone.tistory.com/199 Windows 10에 MariaDB 설치하기 개발용으로 Windows 10 PC에 MariaDB 를 설치해 봅니다. 1. http://mariadb.org/ 에 접속하여 다운로드 페이지로 들어갑니다. 2. 실제 다운로드 URL은 https://downloads.mariadb.org/ 입니다. 현재 안정 버전은.. offbyone.tistory.com Maria DB 다운 주소 https://downloads.mariadb.org/ ------------------------------------------------------------------------------------------------------------- Ser..
[27일차 복습] node.js 와 html연결하기 view engine 이용하여 html load /nunjucks chokidar body-parser post&get QuerySting이란? 오늘 배운 것은 node.js 서버에 html 를 연결해서 html의 값을 서버로 다시 보내서 사용자에게 html page를 보내는 것 맞는지도 모르겠지만 일단 js, html쓰는거 다 외우고 분석해보자아~~~~~~~~~ 1. views 폴더 에 index.html 파일 만들기 - sendfile 로 html을 보낼 수 있으나 단순히 html만 나옴 => 그래서 view engine 이라는 것을 사용해야함 = > 이것은 node.js 자체 내장이 아니어서 npm을 사용해 다운 받기. *view engine : The view engine is what's responsible for rendering your view, and converting your code into glorious HTML. As..
[27일차 zoom 수업] 20210420 node.js html 연결하기 / nunjacks / body-parser 설치 / post & get // views 폴더 만들기 > 안에 index.html 만들기 //sendfile 로 html 파일을 보낼 수 있는데 단순히 html 만 보내게 됨 //그래서 view engine 이라는 걸 사용해야함. //view engine= 사용자한테 간 맞춰라 / 노드js의 자체 내장이 아님. // npm으로 설치ㅎㅐ야함 nunjucks? nunjacks는 또 몰까 ? -> 아 위에 설명 해주셧네 html파일을 잘 보내기 위한 거 ! 하루하루 모르는 단어들이 계쏙 몰려옴 터미널에 npm install nunjucks chokidar 입력 (nunjucks, chokidar 받기) package.json 가서 내용 추가되었는지 확인 { "name": "nodejs", "version": "1.0.0", "desc..
Error: listen EADDRINUSE: address already in use :::3000 Node.js 의 에러 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address already in use :::3000 3000 이미 사용 중 이미 사용 중인 3000을 강제 삭제하고 하기
[26일차 연습] node.js 란? 노드제이에스를 사용해 간단한 server 서버 구축해보기 node.js 다운로드 방법 node.js 장점 및 특징 Node.js 란? Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser. Wikipedia 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. V8 (자바스크..
[26일차] 20210419 git branch 조금 + Node.js 찍먹 1 교시 git branch git add . git commit git branch git checkout git rebase head git game 복습 learngitbranching.js.org/?locale=ko Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org 2교시 git branch head = cursor 와 비슷. *이 있는 곳을 바라보고 있다. 맨 마지막을 가리킴. HEAD 가 진짜 원 주인 HEAD 중심 절대경로 - 처음부터 주소를 적어 정확한 파일위치를 작성하는 방법 ex) C:\/document/.... 상대경로 - 내가 있는 곳을 중..
console.log에 달력 출력하기
[Do it! 자바스크립트 입문책 독학 1편] JavsScript Method 메서드 / 기초 연산 문법 / 조건문, if, else, else if, 선택문 switch, 반복문, while, do while, for, break, continue, 중첩for문 Java Script 자바스크립트 기초문법 (연산자, 산술, 대입, 증감, 비교, 논리, 연산자 우선순위, 삼항 조건 연산자) 왜 boolean 안에 값이 없으면 false고 값이 있으면 True 일까? - > boolean은 () 안 "" 빈 문자, 숫자 0,null, undefined 등을 제외한 모든 데이터에 대해 True 를 반환. ex) Boolean(0) false var num1 = 10; var num2 = 3; num1 +=num2; document.write(num1); //13 num1 -=num2; document.write(num1); // 10 num1 *=num2; document.write(num1); // 30 num1 /=num2; document.write(num1); ..
Git vs Github 깃트와 기트헙이 뭘까? 둘의 차이점 알아보기 개발 초보자로 처음 git 과 github를 처음 접해보았다. 이름이 비슷해서 헷갈릴 수 있지만 사실 요 두개의 플랫폼(?)의 차이는 꽤 크다. 앞으로 다른 개발자들과의 협업을 하게 되면 반드시 쓰게될 유용한 git & github에 대해 알아보자. 1. git git : Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distribut..
[25일차 zoom 수업] 20210416 github 깃허브 저장소 파일 공유하는 법 수정 후 업데이트 하는 법 git - local - 내 컴퓨터에 설치해야 작동 리눅스 개발할 때 커널 개발할 때 나온거 터미널 명령어 정도는 알아야함 분산 소스 버전 관리 시스템 서버를 분산시켜 구축할 수 있게 하는 소프트웨어 소스코드를 효율적으로 관리할 수 있게 해주는 형상관리 도구 지역 저장소를 만들고 파일, 코드 등을 관리하는 작업 백업 가능 저장했던 시점 기억 저장했던 시점으로 왔다 갔다 할 수 있음. 협업할 때 특히 개발자들 에게 도움 됨.. add - 파일 지정 어떤 파일을 (어따 바구니에넣고) commit -> 저 똥그라미에 넣는 것 ㅇ -ㅇ- ㅇ- ㅇ add를 한 후 commit을 한다~ 안정성이 뛰어남 신뢰성 높음 오류가 날 수 없대 안되면 내 실수래 github - cloud - id로 들어가 git과 연결해서 ..
[24일차 수업 연습 ] array.find() , array.filter(), array.map(); array.find(); 는 찾는 값 단 하나를 numbers 로 걍 출력 array.filter(); 는 find 처럼 v==35; 이렇게 특정 하나의 요소를 출력 가능but 배열로 출력됨 Array.map();
[24일차 zoom수업] 20210415 배열 Array 달력 만들기 find method //FIND (Return값이 배열이 아님) 한가지의 원소만 찾아줌. //find= 원소만 찾아서 그 값만 반환~ // Filter -> return값 = 배열 // Find -> return 값 = integer let arr = [4,5,8,7,6,9,10,26,42]; let arr2 = []; arr2 = arr.find((v)=>{ return v==3; }); console.log(arr2); // undefined arr2 = arr.find((v)=>{ return v==3; }); console.log(arr2); // 4 -> arr2 =[];배열로 만들었지만 number로 나옴 //find는 아래와 비슷. a는 배열이었지만.. let a = [1,2,3]; a=3..
[23일차] 20210414 배열 Array 기본 이중배열 배열 Array methos 메서드 arr.push(); ()안에 넣은 값을 배열 뒤에(무조건 맨끝에) 추가적으로 넣기 arr.pop(); 배열의 맨 뒤에 있는 원소(?) 값을 없앰 arr.indexOf(); (찾을요소, 시작위치) 를 넣으면 해당하는 키값을 던져줌 arr.slice(a,b); arr 배열의 a 번째(0부터카운트) 요소부터 b의 바로 전 요소를 slice 함 arr.unshift(); arr 배열 첫 원소로 해당 값을 추가함. (push와 반대) arr.shift(); arr 배열 첫 원소를 삭제함 (pop과 반대) newArray(변수명) = arr.concat(arr2); arr 배열에 arr2 배열을 합치기 (배열 더하기) arr.reverse(); arr 배열의 원소를 거꾸로 돌리..
[23일차] 배열 연습 / 배열 메서드, Array Method / filter, reduce, map, concat, sort, join etc. 블로그 보고 겅부 - 마지막 reduce 각 요소에 주어진 함수를 다 실행하고 한가지 결과값만 반환 한다는 거 이해가 안됨 webruden.tistory.com/69 [2020 최신 ES6+] 자바스크립트 배열 기본부터 응용까지 완벽 정리 자바스크립트로 개발을 하다 보면 배열이라는 자료구조를 접하게 됩니다. 배열이란 무엇일까요? 그리고 배열은 어떤 경우에 사용이 되고 어떤 기능을 가지고 있을까요? 이번 포스팅에서는 배열 webruden.tistory.com
ZeroCho의 JS 초급강좌 2-4. 배열 기본 / 4-2. 배열 push pop shift unshift / 4-3. 배열 splice / 5-2. 이차원 배열 / 6-2. 배열 map method / 참고 : 유튜브 ZeroCho TV 배열 : 특수한 개체 , 값 그룹화는 하고 싶지만 속성 이름을 따로 주고 싶지 않을 때 배열 사용 .을 붙이는 순간 객체 중 배열처럼 생각을 함. 1. 배열 기본 2. 배열 push pop shift unshift 배열에서 뽑을 때는 pop - 뒤에서부터 shift - 앞에서부터 배열에 넣을 떄는 push - 앞에서부터 unshift - 뒤에서부터 --> 3. 배열 splice var 바디=document.body; var 숫자후보 = [1,2,3,4,5,6,7,8,9]; var 숫자배열 = []; for (var i=0; i
[22일차] 20210413 fiverr slide 슬라이드 배열? 로 바꾸기 업그레이드 시키기 도넛 개수 상자에 넣눈거 답~ 최소의 박스를 구하는게 아닌 맞아 떨어지는 걸로 구하는거 3x a + 5x b = donut 갯수 되게 donut = 21; result = 0; if ( donut%5 == 0){ result = parseInt(donut/5); } else { while(1){ donut -= 3; result +=1; if (donut%5 == 0){ result += parseInt(donut/5); break; } else if(donut { //요 안에 콜백함수, 익명함수(에로함수포함) 들어감 / 첫번째 인자값은 값 ㅇ console.log(ele); }); } window.addEventListener('DOMContentLoaded', init); function init()..
[21일차 연습] 1. FLEX 1 2 3 4 5 6 7 display: flex 를 배움! row 하면 수평으로 쭉 column 하면 수직으로 쭉~ flex-wrap:wrap -> 포함된 상태에서 ㄱ ㄱ flex-wrap:nowrap -> 범위를 벗어나도 된다~ 라는 의미 (근데 여기서는 안벗어남 li의 width를 200px; 줬는데 왜징) justify-content:center 하믄 중간 정렬~ float: left; display:inline-block 으로만 하다가 flex 만나니깐 엄청 쉽게 느껴짐 2. 레이아웃 짤 때 팁 ! width class로 주기 + margin: 0 auto; 도! Hello 3. vw, vh vw= view width vh= view height 축소 / 확대 해도 픽셀을 그대로 ..
[21일차] 20210412 반응형, 알고리즘, 재귀함수 등 레이어드 팝업 픽셀말고 다른 거 배운댐 display:flex; 신기술ㄹㄹㄹ 선언은 위의 상위영역에 display:flex 주면 됨. li 말고 ul에 줌 FLEX 1 2 3 4 5 6 7 1234567이 옆으로 붙어짐 *{margin:0; padding:0;} ul,li{list-style: none;} .gnb{ width:600px; height:300px; background-color: teal; display:flex; flex-direction:low; } .gnb>li{ width:300px; } .gnb{ width:600px; height:300px; background-color: teal; display:flex; flex-direction:low; flex-wrap:wrap; /*..
2021.4.11 카페에서 hardware 공부 transform: skew(-6deg, 0); div 기울기 font-style:oblique; 폰트 기울기 oblique 미국∙영국[əˈbliːk] 발음듣기 영국식발음듣기 형용사 1(표현이) 완곡한[에두르는/간접적인] (=indirect) an oblique reference/approach/comment발음듣기 에둘러 가리킴/간접적인 방법/완곡한 논평 2비스듬한, 사선의
[20일차]20210409 fiverr 웹사이트 만들기 마지막 #inspired_wrap{ width:100%; position:relative; height:670px; background-color: lightseagreen; } #inspired_box{ width:1400px; height:575px; margin:0 auto; padding: 96px 32px; position: absolute; box-sizing: border-box; left:50%; transform: translateX(-50%); white-space: nowrap; } white space: nowrap; 기능을하면 박스 안에 contents 가 그대로 박스 밖까지 나옴 nowrap 2가지있는데 1. position dipplay block 형태로 레이아웃을 짤때 white-s..
[19일차] 20210408 fiverr웹사이트 만들기 (inspired 만 남음) Find the perfect freelance services for your business Popular : Web and Mobile Design WordPress Logo Design Dropshipping Fiverr Business Explore English $USD Become a Seller Sign In Graphics & Design Digital Marketing Writing & Translation Video & Animation Music & Audio Programming & Tech Data NEW Business Lifestyle Logo & Brand Identity Logo Design Brand Style Guides Business Cards & Stationer..

반응형