hwlink

배열 정의 let names = ["Steve Jobs","Bill","jooyoung"] let ceoList = [ {name:"Steve Jobs",age:23,ceo:true}, {name:"Bill",age:35,ceo:true}, {name:"jooyoung",age:35,ceo:false} ] 1.forEach 함수 사용 name.forEach( (item)=>{console.log(item)} ) //"Steve Jobs","Bill","jooyoung" name.forEach( (item,index)=>{console.log(item,index)} ) //"Steve Jobs"0 "Bill"1 "jooyoung"2 2.map 함수 사용 내부 아이템들을 return 해준다. let data..

Coding/JS 2021. 10. 22. 11:22

1. 타이틀 변경 을 찾아야한다. 타이틀은 public >> index.html 내부에 있다. 2.파비콘 변경 변경할 이미지 파일을 준비해둔다. https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 해당 링크로 접속하여 파일을 업로드하면 각 기기,운영체제에 최적화된 파비콘을 제공해준다. .ico파일은 ms윈도우에 아이콘에 쓰이는 그림파일입니다. *ico만 ..

Coding/React 2021. 10. 17. 16:43

1. filter, indexOf 함수사용 let array1 = [1,2,3,4,5]; let array2 = [3,4,5,6,7]; let result = array1.concat(array2); // result is = [1,2,3,4,5,3,4,5,6,7] Q: 배열을 합쳐주는 concat 사용시 [3,4,5]가 중복으로 출력된다. A: filter, indexOf 를 사용하여 중복을 제거해준다. 1. filter: filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.(출처: mdn) 구문: arr.filter(callback(element[, index[, array]])[, thisArg]) 2. indexOf: indexof() 메서드는 배열..

Coding/JS 2021. 10. 17. 16:16

WebAssembly에 대한 내용을 정리한다. 평소 인강을 듣고 있는 코딩애플님 설명을 정리한 내용이다. 가히 쉽게 설명하기 장인이라고 할 수 있다. 출처: https://www.youtube.com/watch?v=VJag_H2Cosc WebAssembly 정의 웹어셈블리(WebAssembly, 간단히 Wasm)는 실행 프로그램 및 그와 일치하는 텍스트 어셈블리어, 그리고 이러한 프로그램과 호스트 환경 간 통신을 용이케하는 인터페이스를 위한 이식 가능한 이진 코드 포맷을 정의하는 개방형 표준이다.[1][2][3][4] 웹어셈블리의 주 목적은 웹 페이지에서 고성능의 애플리케이션을 가능케 하는 것이지만 포맷은 다른 환경에서도 실행 및 연동되도록 설계되어 있다.[5][6] Wasm은 자바스크립트를 대체하지는 ..

Coding/WEB 2021. 10. 14. 14:52

html css js 작업 후 작업 후 복습겸 간단하겠거니하고 리액트로 변환한 뒤 깃허브로 배포 하려고 하는데 깃허브 배포부분에서만 반나절 이상을 썼다. 구글링을 하니 여러방법이 있었는데 git, github를 제대로 이해하지 못하고 따라하기만하니 여러가지 에러가 발생했다.( node 전체 삭제 후 최신버전 재설치, yarn 재설치, 터미널 대참사) 찾은 방법 중 유일하게 된 이해가 된 방법으로 정리하려고 한다. 참고: create app react 로 제작된 리액트 페이지입니다. (설치법은 생략) 1. Github repositories 생성 1.GIthub 계정을 만든후 New repository를 클릭한다. 2.Build, Compile Q:html, css, js 업로드 하듯 app.js 드래그 ..

Git 2021. 10. 14. 11:18

Mac에 설치된 Node.js 제거하기 1. 터미널에서 node 삭제 (Delete / uninstall node from terminal) 터미널에서 다음 명령어를 입력한다. sudo npm uninstall npm -g sudo rm -rf /usr/local/lib/node /usr/local/lib/node\_modules /var/db/receipts/org.nodejs.\* sudo rm -rf /usr/local/include/node /Users/$USER/.npm sudo rm /usr/local/bin/node sudo rm /usr/local/share/man/man1/node.1 sudo rm /usr/local/lib/dtrace/node.d brew uninstall node 2..

Coding/WEB 2021. 10. 13. 22:33

기존 html css 에서 fontawesome 사용시 cdn으로 불러와서 사용하였으나 리액트에선 역시 같은 방법으로 적용되지 않았다. 리액트는 초반설계가 많이 들어간다는걸 다시 한번 느꼈다. 하지만 모든업무에서 노가다보다 초반설계 오래걸리더라도 제대로 세팅하면 그 이후가 편한다는것을 알기에... 리액트에 폰트어썸 적용방법이다. (출처: https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react) 터미널입력창 (프로젝트에 패키지를 설치) npm 설치 npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm inst..

Coding/React 2021. 10. 12. 12:11

배열을 반복문 기초 let myArray = [] // 배열 선언 할당 for(let i = 1; i

Coding/JS 2021. 10. 8. 12:02