javascript 4 페이지
javascript
전체 98건 4 페이지
  • profile_image HTML처럼 생긴 JSX에 대한 설명입니다. 너무 비슷해서 설명할때 HTML 이라고 무의적으로 말하기도 합니다.* JSX가 HTML과 다른점리엑트는 자바스크립트 언어를 사용하여 만들어 사용하는데 이때 리엑트만의 특이한 문법이 추가 됩니다.그것이 HTML과 거의 비슷한 형태로 만들어진 JSX 입니다.100% 동일하지 않기 때문에 비슷하거나 흡사하다는 표현을 사용합니다.예를 들면 이벤트 리스너에 해당하는 onClick, onKeyUp 같은 것을 버튼이나 링크 등에 추가해 웹브라우저의 HTML에 자바스크립트 추가하는것과 비슷하게 사용이 가능하지만 <form 태그에서의 <textarea>의 경우는 사용법이 약간…
  • profile_image 리엑트 state 사용방법값이 변경될때 화면을 자동랜더링 시키기 위한 state - import 할때 useState를 추가해 줘야 한다.- state 값은 변경이 되면 자동으로 랜더링이 됩니다.(새로고침 없이)* import 할때 useState를 추가import React, { userState } from 'react';* state 사용방법let [fruit, setFruit] = useState('사과','배');위와 같이 설정을 하면 첫번째 fruit는 위 배열 해당 하는 '사과','배' 가 들어 갑니다.두번째 setFruit는 함수 입니다. 중요한것은 배열이 아니라 함수라는 것입니다.그래서 사용할때는 fru…
  • profile_image 링크나 버튼등에 이벤트(클릭, 변경, 키다운, ..) 추가 하는 방법결론부터 말씀 드리면 HTML에서 추가하는 방식과 기본적으론 동일합니다.그렇기 때문에 웹브라우저에서 자바스크립트를 onClick 같은것 사용해본신분은 쉽에 이해 할 수 있습니다.단,리엑트는 함수를 넣어 줘야 한다는 부분이 다릅니다.* 주의할점onClick={tst()} 이렇게 ()를 사용하면 함수가 바로 실행 되기 때문에 함수명만 넣어 줘야 합니다.* 참고 자료  코딩애플 - 버튼에 이벤트리스터 추가https://www.youtube.com/watch?v=Br9fKSIeAok&list=PLfLgtT94nNq1e6tr4sm2eH6ZZC2jcqGOy…
  • profile_image 컴포넌트간의 값(데이터)를 서로 주고 받을때 많이 사용합니다.변수 형태로 바인딩할때등. 프롭스와 같이 리엑트에서 중요한것중 하나인 state 변경에 관한 부분입니다.let [fruit, setFruit] = useState('사과','배');위와 같이 있을때 배열이 위는 2개지만 현업에선 5백개 들어 있다고 할때 전체 배열을 하드코딩 하여 넣을 수 없으니 실제는 json을 이용하거나 또는 첫번째의 것만 변경하고 싶을때는 아래와 같이 하면 됩니다.아래처럼 하면 값이 복사가 아니라 공유가 되는 형태이다.원하는 형태의 결과를 가져오지 않습니다.let newFruit = fruit;newFruit[0] = '바나나';setFr…
  • profile_image 리엑트 컴포넌트로 JSX 깔끔하게 하기리엑트는 컴포턴트 단위로 만들면 좋은데요. 여기서 컴포넌트란 웹페이지에서 박스 단위라고 생각하시면 됩니다.컴포넌트는 자주값이 바뀌거나 반복적으로 사용 되는것을 별도로 떼어 냅니다.JSX에서 return 할때 최상위 태그는 반드시 1개만 있어야 합니다.즉, 아래와 같은것은 안된다는 것입니다.return (  <div></div>  <span></span>)같은 레벨에서의 최상위 태그는 반드시 1개만 있어야 합니다.이런 경우 밖에 <div>로 묶어 주거나명칭 없는 <> </>를 최상위에 넣어 주면 됩니다.* 리엑…
  • profile_image 윈도우10 개발환경은 내가 실수 한것 이외에 사실상 모두 잘 되는 설정이다.리액트네이티브를 위한 개발환경 설정이며 타입스크립트를 설치하였다. CentOS의 yum같은것으로 아래는 파워셀을 이용해야 한다. (사용한 OS는 윈도우10)기존의 CMD는 명령이 먹질 않는다.PS C:\> Set-ExecutionPolicy RemoteSigned -scope CurrentUserPS C:\> $env:SCOOP='C:\Scoop'윈도우10 검색기능에서 "시스템 환경 변수 편집" 검색한다. (띄어쓰기 까지 정확하게)(윈도의 PATH와 환경변수 설정하는 제어판에 들어가는 것이다.)설치할 위치는 보통 C 드라이브로 하는데.…
  • profile_image 크롬브라우저가 만들어지면서 사용되었던 자바스크립트 엔진이 너무 좋아 추가로 만들어지게 된 노드 입니다. 그러므로 nodejs는 이 브라우저 이후에 사용되게 되어진것이라 볼 수 있습니다. 자바스크립트가 20년 넘은 브라우저에 있었으므로 nodejs도 있었지 않았을까 생각은 잘못된것이라 볼 수 있습니다.설치 할때는 본인이 사용하는 다른 프로그램과의 버전이 문제 없는지 확인하고 설치하는 것이 좋습니다. 물론 관계된 버전을 알고 있다는 전제 에서 입니다. 그렇지 않은 경우는 현재 최신 안정판 버전을 설치 하는것을 권장해 드립니다. 개발환경을 설정 할때는 삽질의 시간을 감안하고 하는것이 좋습니다. 단번에 되는게 없는지 ... 설…
  • profile_image 타입스크립트는 마이크로소프트에서 주도적으로 개발하고 있는 언어 입니다.언어의 변수를 정적타입, 동적타입 이렇게 구문을 하는데요.쉽게 자동변수 지원 되느냐 안되느냐 라고 보면 됩니다.자동변수 쓰면 이게 언제는 숫자형 이었다가 문자형도 되고. 지 맘대로까지는 아니지만 자동 변수 사용해보면 편한점도 있지만 문제도 적지 않습니다. 그럴바에 처음 부터 어떤 변수 타입인지 정하고 사용하는게 좋을 정도 입니다. PHP도 경고 메시지 같은것이 나오는것이 예전하고 다릅니다.자바스크립트가 여러곳에서 많이 사용되고 있네요.nodejs 처음 사용하면 실행이 일반 절차형하고 달라서 처음에 당황하죠. 하나 하나가 별도 스레드 형태로 실행 되어 …
게시물 검색