javascript 13 페이지

javascript

전체 96건 13 페이지

[nodejs] MySQL 커넥션 접속 후 데이터 가져오는 샘플

절차적으로 실행 되도록 테스트 되어진 nodejs용 MySql 커넥션 후 데이터 가져오는 샘플 입니다.다른 언어를 사용해 봤다면 몇가지 문법적인 것만 익히면 어렵지 않습니다.코드를 간결하게 하는 부분은 좀 사용을 해야 가능 할듯 합니다./* * sleep.sleep(n): sleep for n seconds * sleep.msleep(n): sleep for n miliseconds * sleep.usleep(n): sleep for n mic…
jQuery 이미지사이즈 변경하기 - 콘솔출력(실제 이미지크기 확인하기)

많이 사용 되는 jQuery를 사용한 이미지 크기 변경 방법 입니다.여기에선 현재 이미지 태그에 적혀 있는 width와 height의 값을 가져오는 것과 실제 보여지는 이미지의 크기를 가져오는 것이 있습니다. 아래 사진을 보면 토마토색에 대한 보더가 위 아래 들어가 있어 그 만큼 빠짐을 알 수 있습니다.아래 소스를 확인하시면 위에 출력 된것이 어떤 것인지 더 쉽게 알 수 있습니다.소스에서 // 된부분은 https:// 이것으로 변경처리 해야 합…
[리엑트] 1) 사용해야 되는 이유와 사용하는곳

리엑트 왜? 사용해야 되는가?새로고침 없이 처리가 되는 인스타그램, 페이스북 같은것을 생각하면 되는데 이런 사이트를 유심히 보면 주소가 변경되지 않고 어떤 내용이 변경 됩니다.SPA(싱글 페이지 어플리케이션) 웹앱 이라고 칭한다. 실제 스마트폰의 앱과 큰 차이가 없다. 그렇기 때문에 모바일로 발생하기가 쉽다. 앱처럼 뛰어난 UX를 방문자에게 보일 수 있다. 쇼핑몰에선 일반적인 사이트 보다 결제율이 높기도 하다 - 문법이 어려운 문제가 …
[리엑트] 2) 개발환경 구축하기(vscode 에디터, nodeJS 설치)

리엑트 사이트에서 시작하기를 통해 nodejs를 설치하는것이 어디 있을것 같은데왜? 숨겨 놓았는지 찾을 수 없습니다.시작하기 > 설치에 있어야 할것 같은것이 보이질 않습니다. 생각의 뇌구조가 달라 제가 찾지 못한것일 수 있습니다.보기엔 바뀌는 과정에서 기존에 사용하는 방법에 대한 설명이 없어서 인것 같기도 하지만 새로 시작하시는 분에게 도움이 될만한것은 아니라고 보여 집니다.https://ko.reactjs.org/docs/getting-…
[리엑트] 3) JSX가 HTML과 다른점

HTML처럼 생긴 JSX에 대한 설명입니다. 너무 비슷해서 설명할때 HTML 이라고 무의적으로 말하기도 합니다.* JSX가 HTML과 다른점리엑트는 자바스크립트 언어를 사용하여 만들어 사용하는데 이때 리엑트만의 특이한 문법이 추가 됩니다.그것이 HTML과 거의 비슷한 형태로 만들어진 JSX 입니다.100% 동일하지 않기 때문에 비슷하거나 흡사하다는 표현을 사용합니다.예를 들면 이벤트 리스너에 해당하는 onClick, onKeyUp 같은 것을 버…
[리엑트] 4) state 사용방법

리엑트 state 사용방법값이 변경될때 화면을 자동랜더링 시키기 위한 state - import 할때 useState를 추가해 줘야 한다.- state 값은 변경이 되면 자동으로 랜더링이 됩니다.(새로고침 없이)* import 할때 useState를 추가import React, { userState } from 'react';* state 사용방법let [fruit, setFruit] = useState('사과','배');위와 같이 설정을 하면…
[리엑트] 5) 이벤트핸들러(리스터)

링크나 버튼등에 이벤트(클릭, 변경, 키다운, ..) 추가 하는 방법결론부터 말씀 드리면 HTML에서 추가하는 방식과 기본적으론 동일합니다.그렇기 때문에 웹브라우저에서 자바스크립트를 onClick 같은것 사용해본신분은 쉽에 이해 할 수 있습니다.단,리엑트는 함수를 넣어 줘야 한다는 부분이 다릅니다.* 주의할점onClick={tst()} 이렇게 ()를 사용하면 함수가 바로 실행 되기 때문에 함수명만 넣어 줘야 합니다.* 참고 자료 코딩애플 - …

게시물 검색