본문 바로가기
728x90
반응형

분류 전체보기458

🚀템플릿 문자열에 대해서🚀 | JavaScript 시리즈 005 설명 변수 year에 2018 을 month 에 3을 day에 11을 할당 해준후, console.log()를 이용하여 생년월일을 출력하는 코드입니다. 사진 처럼 '생년월일은' + year ..... 이렇게 해도 되지만, 숫자 1 옆에 백틱(backtick)을 이용하여 더 보기 좋은? 코드를 만들 수 있습니다. ` (백틱) 에다 변수, 함수를 사용하여 출력하고 싶을때? ` 을 이용하면 따로 + 을 사용하지 않아 주어도 된다는 편한점이 있습니다. 만약 변수or 함수 를 사용하고 싶다면 ${ } 안에 변수이름을 넣어서 사용하면 됩니다. 설명 변수 myNumber 에 3을 함수 getTwice 는 입력받은 파라미터를 2배하여 리턴 출력 3의 두배는 6 입니다. ps. i felt backtick's comfo.. 2021. 8. 1.
🔥React🔥 어렵네..?컴포넌트? 함수?| React 시리즈 003 today i studied about React component. its so hard.. to me idk well,, i wanna know correctly. i m afraid if i pass this part, after will be poison 정리 0. 바탕화면에 새폴더 만들기. 1. visual studio code 실행 2. 파일 - 폴더 열기 - 만들어둔 새폴더 클릭 3. ctrl + ` (틸다) 4. npm init react-app. 입력 5. npm run start 입력 (이때 창이 하나 뜸. 일단 무시) 6. 좌측 카테고리에 public 에 index.html 빼고 다 삭제. + src 에 index.js 빼고 다 삭제 7. 남겨진 html 에 필요한 코드만 남기고 다 .. 2021. 8. 1.
🔥React🔥 가위 바위 보 게임 만들기 | React 시리즈 002 가위 바위 보 게임 만드는 과정을 다루어보았다. 처음: 간단하게 타이틀 이름과 , 버튼을 만들었다. HTML JSX import ReactDOM from 'react-dom'; ReactDOM.render( 가위바위보 가위 바위 보 , document.getElementById('root')); 결과 HTML 은 위와 동일 JSX import ReactDOM from 'react-dom'; const WINS = { rock: 'scissor', scissor: 'paper', paper: 'rock', }; function getResult(left, right) { if (WINS[left] === right) return '승리'; else if (left === WINS[right]) return.. 2021. 7. 31.
🔥React🔥 개발 환경 구축 (시작!) | React 시리즈 001 1. node.js 설치 https://nodejs.org/ko/ node js 설치를 하는 과정에서 이렇게 두개가 있는데 보다시피, 우측이 더 최신 버전이긴 하나, 안전성과 신뢰도가 더 높은 좌측 설치를 하는걸 권장한다. (크게 차이가 없다고 함.) 2. 비쥬얼스튜디오 코드 설치! https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available .. 2021. 7. 30.
728x90
반응형

티스토리툴바