상무 상무

Web

• React - 프로퍼티(Prop) 인터페이스 사용해서 적용하기

  Web/Js 2020. 3. 5. 01:16

  사용할 컴포넌트 App.tsx에 적용 프로퍼티를 사용할 컴포넌트에 인터페이스를 활용한다. 인터페이스를 사용하면 컴포넌트 활용시 할당 된 변수와 데이터를 넣어줘야 한다. 실행 후 모습.

  Read More
• React 프로젝트(CRA) 생성시 TypeScript 사용하기

  Web/Js 2020. 3. 5. 00:13

  CRA 생성시 npx create-react-app my-app --template typescript 또는 yarn create react-app my-app --template typescript 로 프로젝트를 생성한다.

  Read More
• React 사용 중인 프로젝트에 TypeScript 사용하기

  Web/Js 2020. 3. 5. 00:02

  사용중인 React 프로젝트에 npm install --save typescript @types/node @types/react @types/react-dom @types/jest 또는 yarn add typescript @types/node @types/react @types/react-dom @types/jest 를 추가한다. 그 후 App.js를 -> App.tsx 로 변경 후 실행 한다

  Read More
• Web Html color site

  Web/Html 2019. 2. 10. 01:36

  HTML Color Codes https://htmlcolorcodes.com/?fbclid=IwAR0fHbYNfMF8TgFzZ4rtvXCTNVFnTQaW8hp6hVjmwVYjwnYQkF3G3gVgTNQ 특정 색상의 코드(16진수, RGB, HSL 등)를 쉽고 빠르게 확인할 수 있는 웹사이트입니다. 플랫칼라 https://flatuicolors.com/?fbclid=IwAR3oTkTgxvkwOFjibmUzPTQ0-W7Bhi7q7cdBLzdHA7QXw6Y06B_mny26vgg Adobe CC kuler https://color.adobe.com/ko/create/color-wheel/ Design-seed https://www.design-seeds.com/ Dribble https://dribbble.c..

  Read More
• AWS 강좌 사이트

  Web 2018. 10. 30. 03:35

  - 생활코딩 강좌 -AWS https://opentutorials.org/course/2717 - 아마존웹서비스를 다루는 기술 http://pyrasis.com/book/TheArtOfAmazonWebServices - 대학생용 강좌 및 무료 크레딧 https://aws.amazon.com/ko/education/awseducate/

  Read More
• jqeury - select 값 받아오기

  Web 2018. 10. 4. 11:48

  [jquery] select box 선택값 가져오기 // select box ID로 접근하여 선택된 값 읽기 $("#셀렉트박스ID option:selected").val(); // select box Name로 접근하여 선택된 값 읽기 $("select[name=셀렉트박스name]").val(); // 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~ $("span[name=셀렉트박스name]").text(); // 선택된 값의 index를 불러오기 var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected")); // 셀렉트 박스에 option값 추가하기 $("#셀렉트박스ID").append("1번"); // 셀렉트 박스 option..

  Read More
• Socket io

  Web/Node.js 2018. 9. 20. 11:33

  Response와 Request가 끊이지 않게 한다. Client와 Server를 연결 Push와 Pull을 할 수 있다. Java와 Call이랑은 다른 방식이다. Push는 Server가 Client한테 Data를 보내주고 Pull은 Client가 Server한테 Data를 준다. Request와 REsponse가 필요없다. 오로지 ejs와 socket만 통신한다. Router는 필요가 없어진다. express와 http를 연동시켜서 사용한다. // express와 http 연동 -- inedx.js -- // socket 서버 생성.. ~const socket = require("socket.io");const io = socket.listen(server); const mongo = require(..

  Read More
• JQuery - Html5 data-, Travarsing, Shadow DOM

  Web/Js 2018. 9. 4. 13:05

  JQuery CDN Html5 data-, Travarsing DOCTYPE html> Vacation Packages $(document).ready(function() { $('#vacations').find('.vacation').find('button').click(function() { // $(this).detach() // element는 제거하고 DOM은 제거하지 않음. // var price = $(' From $399.99 ') // $(this).after(price) // var price = $(' From $399.99 ') // $(this).closest('.vacation').append(price) // 인접한 해당 태그 부모를 찾는다. // $(this).remove()..

  Read More