익명의 개발노트

mysql 설치 후 비밀번호 설정 했지만, mysql -u root -p 안먹힐 경우.. $ sudo mysql -u root # I had to use "sudo" since is new installation mysql> USE mysql; mysql> UPDATE user SET plugin='mysql_native_password' WHERE User='root'; mysql> FLUSH PRIVILEGES; mysql> exit; $ service mysql restart 재시작까지 해준 후 sudo mysql -u root -p 를 입력후 mysql 계정 패스워드를 입력해준다. mysql> SET PASSWORD FOR ‘root’@’localhost’=PASSWORD(‘새로운 패스워드’); ..

왼쪽과 같은 브라우져에서 email을 입력하고, 제출또는 ajaxsend 버튼을 누르면 서버와 ajax 방식으로 데이터 주고 받기. 노드에서 ajax 방식은 크게 3가지이다. email : ajaxsend 아래에서 설명 email안에 input값 (inputdata)를 ajax함수를 만들어서 전달하고자 한다. 사전에 노드 +Express로 4000포트를 이용하여 서버을 열었고, 라우터는 아래와 같다. document.querySelector('.ajaxsend').addEventListener('click', function(){ var inputdata = document.forms[0].elements[0].value; console.log(inputdata); sendAjax('http://loca..

1. 자바스크립트로 api 호출하는 방법(비동기 요청방식, AJAX) 1) 초기에는 XML Http Request(XHR) 요청방식으로 사용하다가 Ajax 방식이 나왔다. Ajax 방식이란?? => 서버와 자유롭게 통신할 수 있고, 페이지 깜빡임 없이 seamless하게 작동하는 방식. 2) fetch.then.catch() : Ajax의 최신기술 fetch API 이며, promise 방식의 기반임. 문제점은 디버깅이 어렵고, 들여쓰기, 예외처리에 어려움이 있어서 ES7 에서 async, await 이 나왔다. 3) Async, await : 비동기를 동기식처럼 보이게 코딩.. 익숙한 방식이다. 다만 사용함수 앞에 Async, await을 붙여줘야 한다. async function getData() {..

1. html 1) div 🖼 Tweet! 2) form 🖼 Tweet! form 태그 사용시, 메소드를 post 설정해주고, 버튼은 타입 submit으로 반드시 지정해주어야한다. form 태그가 자동으로 서버쪽으로 요청하는데, 해당 버튼 쪽에 버튼 이벤트에 e.preventDefault(); 를 해주어야 새로고침 현상을 막을 수 있다.

CSS에 애니메이션 사용하기 위해서는 animation 속성을 이용해야한다. animation 속성의 하위 속성이 있는데, 아래와 같다. animation-delay : element가 load 되고 나서 언제 애니메이션이 시작될지 지정합니다. animation-direction : 애니메이션이 종료되고 다시 처음부터 시작할지 역방향으로 진행할지 지정합니다. animation-duration : 한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다. animation-iteration-count : 애니메이션이 몇 번 반복될지 지정합니다. infinite로 지정하여 무한히 반복할 수 있습니다. animation-name : 이 애니메이션의 중간 상태를 지정합니다. 중간 상태는 @keyframes 규칙..

위 글씨처럼 웹폰트를 적용하는 방법. 1. 구글 폰트 검색 2. 원하는 폰트 옆에 + 버튼을 누른다. 3. +버튼을 누르면 밑에 그림처럼 밑에 검정색으로 bula bula~ Selected 표시가 있다. 그걸 클릭. 4. 클릭하면 아래 그림과 같이 나타난다. 5. 여기서 CUSTOM에서 원하는 항목을 체크하고 EMBED 항목으로 와서 STANDARD, @IMPORT 중 하나를 적용하면 된다. 6. 원하는 글씨 필요한 곳에 맨 아래 부분 붙여넣기하면 반영완료.

이머시브 과정을 수강하지 않고, 경력짱인 멘토님들을 찾아서 온 부트캠프. 무려 개인 수준에 따라 추가진도를 나갈 수 있다. 받은 과제들 도장깨기!! 얼마든지 프론트엔드, 백엔드 충분히 공부 할 수 있는 이곳!! 선릉 위워크 2호점에 위코드에서 만 가능한 것 같다. >Wecode 에서 공부한지 2일 째, (한국에서 3번째 부트캠프) 개발공부를 하면서, 환경이 개발자에게 미치는 영향이 얼마나 큰지, 몸소 깨닫는 중이다. 집에서도 나름 환경을 갖췄다고 생각하지만, 집에서 1시간과 위워크의 쾌적한 환경에서 1시간은 집중도가 너무나 다른 것 같다. 아침부터 막차끊길때 까지 지치지 않는다. 나중에 나도 교육자의 길로 들어설때, 환경이 얼마나 중요한지 잊지 말아야겠다. 주변에서 같이 공부하는 동료들도 중요함을 느낀다..

selector 표현할때 주의사항. 표현은 한번에 하나씩만 해주어야한다. input 창과 textarea 창이 있으면, 각각 input : hover { } , textarea:hover { } 로 줘야함. input, textarea:hover { } 로 주면 input은 그냥 첨부터 먹혀버림. 효과는 textarea만 받게 된다. 주의 할 것!!

block 요소는 한 줄을 다 차지하는 요소로써 옆에 다른 태그들이 올 수 없다. 종류 : , , , , , , 등 block요소도 css에서 스타일을 주면 inline 요소처럼 사용할 수 있다.( display, float 등이 있다) inline 요소는 block요소와 반대되는 요소로, 같은 inline 요소들끼리는 옆에 올 수 있다. 종류 : , , 등

#title { font-family: Georgia, "Times New Roman", Times, serif; } => font-family 는 폰트 글씨형태를 지정해줄 수 있으며, 3개를 쓰면 앞에서부터 해당 브라우져에서 폰트를 지원하지 않으면 다음 폰트, 이런식으로 넘어가게 사용함. 폰트에 ""(따옴표)를 붙이는 이유는 폰트가 띄어쓰기가 있을 경우에 따옴표를 사용한다 indent : css로 들여쓰기 할 수 있게 해준다. .js-description { text-indent: 50px; } blockquote : html 태그로 긴 인용문 같은 것을 사용할 때 쓸 수 있음, 기본적으로 들여쓰기가 된 상태로 랜더링된다. : 기본적으로 이코드는 스페이스를 의미함. 사이사이에 글자를 띄우고 싶은 경우 ..