나무 숲

TIL : Today I Learned의 약자로, 대부분 깃헙에서 일일커밋을 통해 그날 배운 내용 정리하는것. 여기엔 아카이브 형식으로 + 회고 겸 간단하게 둔다! Javascript에서 값 할당할 때 Passed by Value : Boolean, Null, Undefined, String, Number, Symbol { copy.push(element); }); array[0] = 0; console.log(array); // [0,2,3] console.log(copy); // [1,2,3] 3. ES6 방법 (->IE 지원안됨) var array = [1,2,3]; var copy = [...array]; array[0] = 0; console.log(array); // [0,2,3] consol..

저번에 한거 이어서.. 다 한 줄 알았으나 더 설치를 해야했다.. db나 php 같은 것들.. 이 화면은 (1)편에서 아파치 서버 설치 후 확인할 때 나타나는 화면의 일부입니다.화면에서 스크롤을 조금 내려보면 document root directory, ubuntu document root가 어디인지 확인할 수 있습니다.html폴더 안에 파일을 올려야 publicDNS/파일이름 으로 웹 브라우저에서 접근 가능합니다. 데이터베이스sudo apt-get update //패키지 업데이트 sudo apt-get install mysql-server 암호 설정하라고 하는데 설정하고 까먹지 말것. mysql -uroot -p //mysql root 계정 접속 show databases; //db 확인 exit //..

아마존 웹 서비스AWS EC2 웹서버 구축-연결ㅋㅋㅋㅋ.. 어렵지 않은 내용인데 삽질로 인해 3일동안 붙잡고 있으면서 온갖 솔루션을 적용했고 인스턴스를 region별로 만들었으나 결국은 와이파이 문제였다. 몇십 번의 반복으로 인해 과정을 걍 다 외워버려서 복습 겸 작성.aws 무료 서버 개발AWS는 아마존에서 제공하는 클라우드 서버인데 종류도 아주매우 다양하지만 유료이고, 어쨌거나 기본 셋팅으로 1년동안 무료로 사용할 수 있는 루트가 있다. 나는 이걸 웹 서버용으로 만들기 위해 시작함. 1. 회원가입여기서 가입 >> https://aws.amazon.com/ko/ 가입하다보면 결제 가능한 카드 확인용으로 1달러를 결제하는 단계가 있는데 이게 실제로는 부과되지 않는 금액이라고 한다. 난 아직 돌려받진 못했..

웹 개발자 직업을 찾다가 발견한 내용입니다.https://www.sitepoint.com/21-steps-to-becoming-a-successful-web-developer/굉장히 유익하고 체계적인 내용인 듯 하여 나름대로 번역해 보았습니다.이곳에서 말하는, 성공적인 웹 개발자가 되기 위한 21단계를 소개합니다. 웹 개발 산업이 증가하면서 많은 이들이 묻는다: 어떻게 웹 개발자가 될 수 있죠? 내 생각에 그것은 잘못된 질문이다. 차라리 이러해야 한다: 어떻게 성공적인 웹 개발자가 될 수 있죠? 이것은 중요한 질문인데, 왜냐하면 세상의 많은 사람들이 웹 개발자이기에, 하지만 그들은 이에 대해 얼마나 성공적인가? 이 글에 대한 나의 목표는 당신의 웹 개발 경력에서, 대중 앞에서 성공할 수 있는 사고방식, ..

html->php 데이터 전송 방식 get vs post 웹 브라우저(클라이언트) - 웹사이트 제공(서버)간에 동작하는 요청-응답 프로토콜을 http라 합니다. 이러한 http에서 동작하는 요청-응답 방법은 get과 post 두 가지가 있습니다. get post url 주소에 값이 나타난다 ex) https://www.google.co.kr/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=IT url 주소에 값이 나타나지 않는다 ex) /test/demo_form.asp 캐시에 저장됨 -> 브라우저 기록에 남는다 캐시에 저장되지 않음 -> 브라우저 기록에 남지 않는다 전송하는 메세지 길이에 제한이 있다 (url 주소에 메세지를 포함해서 전달하는데 url의 ..

회원가입-(4) javascript로 비밀번호 확인 비밀번호 확인의 핵심은 입력한 비밀번호와 비밀번호 확인의 값이 같은가? 를 확인하는 것입니다. 그리고 이게 다입니다. 아래의 예제 결과 화면들을 보면 단적으로, 비밀번호와 비밀번호 확인의 값이 자릿수부터 다르다는 것을 알 수 있습니다. 1 alert 사용 alert는 위와 같이 작은 확인창을 하나 띄우는 것입니다. 2 innerHTML 사용 위의 빨간 글자가 있는 위치에 p 태그를 두고, id를 지정합니다. 비밀번호가 다를 경우 해당 p 태그의 내부 html 내용이 변경됩니다. 수정된 register.html 회원 가입 이름 ID PW PW 확인 onsubmit="return tocheckpw2()" ==> tocheckpw2() 함수가 참일 때 sub..

회원가입-(3) php로 서버에 데이터 전송 ******먼저 할 일! 1. 서버를 켠다!!!!!!!!!!!!!!!!!!!!!!!!!!! 데이터베이스 사용하기 위해서!!!!!!!!!!!!!!!!!!!!!! 2. htdocs 폴더 안에 사용하고자 하는 폴더/파일을 넣는다!!!!!!!!!!!!! (bitnami의 경우 저~런 위치에 htdocs폴더가 있고, apmsetup의 경우 apm폴더 안에 htdocs폴더가 바로 있었던 것으로 기억합니다 ㅎㅎ) 저는 1폴더를 넣었습니다. 1폴더 안에는 register.html, register.php... 등이 있습니다. 웹 서버 내에서 사용하는 모~~든 것들.. 이미지, 페이지 등은 모~~두 이 폴더 안에 존재해야만 합니다. ******먼저 할 일 끝 ******mys..

회원가입-(2) 데이터베이스 사용 간단합니다! 데이터베이스는 데이터들을 모아놓은 곳입니다. 제가 사용하는 bitnami는 mysql을 데이터베이스로 제공합니다. http://woodforest.tistory.com/42

name과 id 둘 다 페이지 내에서 element를 식별하기 위해 사용합니다. id의 경우 중복된 값이 올 수 없습니다. name의 경우 중복될 수 있습니다. javascript에서 document.getElementById('id값~') / document.getElementsByName('name값~')[i] 과 같이 사용합니다. 여기에서 아실 수 있듯이! id는 element, name은 elements입니다. 또한 name에서는 뒤에 배열과 같이 인덱스 값 [i]이 포함됩니다. 같은 name을 가진 element가 하나일지라도 뒤에 [0]을 써주셔야 value, length 등을 구할 때 값이 제대로 출력됩니다. 같은 name의 element 의 배치 순서대로 [0], [1]... 순서가 정해집..

제가 만드는 환경입니다. bitnami로 apache(web server)+php+mysql(database) 사용 atom text editor w3schools.com 참고 짧게 핵심만을 전달하는 것에 중점을 두었습니닷 회원가입-(1) html 페이지 만들기 1. 구상 웹페이지의 가장 기본인.. 이것만 하면 다인.. 회원가입+로그인 부분입니다. 회원가입 시 필요한 정보들을 추려냅니다. 간단하게 이름, 비밀번호, 아이디..만 해도 되겠지만 html과 css를 연습하는 단계이기 때문에 비주얼적으로!! 쓸데없더라도 최대한 많은 정보를 쓰도록 해보겠습니다. *이름/*ID/*비밀번호(●●●으로 보이도록)/*비밀번호확인/생일(달력 클릭 이용)/이메일(~@~형식)/전화번호(~-~ 형식)/좋아하는 색깔(color ..

에러 표시 error_reporting(E_ALL); ini_set("display_errors", 1); php페이지가 뜨지 않을 때