본문 바로가기

전체 글16

기본 타입 불리언(Boolean)참(true) / 거짓(false)let isDone: boolean = false;숫자(Number)let decimal: number = 6;let hex: number = 0xf00d;let binary: number = 0b1010;let octal: number = 0o744모든 숫자는 부동 소수 값이다. 문자열(String)let color: string = "blue";color = 'red';템플릿 문자열을 사용하면 여러 줄에 걸쳐 문자열 작성 가능 백틱()`표현식을 포함시킬 수 있다. ${ expr }let fullName: string = `Hyerin lee`;let age: number = 37;let sentence: string = `Hello, my nam.. 2024. 6. 5.
리액트 ES6 문법 ES6 문법 : 템플릿 문자열(template string) -> 문자열 안에 변수와 연산식을 혼합하여 사용한다. 특징1) 작은따옴표('') 대신 백틱(`)으로 문자열 표현 특징2) 템플릿 문자열에 특수 기호 $를 사용하여 변수 또는 식 포함 가능 예시) 병합 연산자로 표현된 코드를 템플릿 문자열로 바꿔보자 // 병합 연산자 사용 var cart = { name: '도서', price: 1500 }; var getTotal = function(cart) { return cart.price + '원'; }; var myCart = '장바구니에' + cart.name + '가 있습니다. 총 금액은 ' + getTotal(cart) + '입니다.'; // 템플릿 문자열 사용 var cart = { name: .. 2022. 8. 12.
리액트 시작하기(1) 리액트란? 프론트엔드 라이브러리 중 하나 리액트의 장점 : 화면 출력에 특화된 프레임워크 1. 컴포넌트(component)로 효율적으로 화면을 구성 2. 가상화면(Virtual DOM) 기술을 통해 다음에 나타날 화면의 일부(노드)를 미리 그려놓고, 변경된 화면의 일부(노드)만 수정 가능 노드 패키지 매니저란? -> npm npm : node_modules 폴더에 라이브러리를 내려받아 저장하고 package.json 이라는 파일에 설치된 라이브러리의 정보를 적어 저장 : 실제 라이브러리와 라이브러리 명세 파일을 따로 관리 웹팩이란? 프로젝트에 사용된 파일을 분석하여 기존 웹 문서 파일로 변환하는 도구 리액트 개발환경 설치하기 1. NVM 설치하기 주소에 접속한 후 nvm-setup.zip을 내려받아 압축.. 2022. 8. 12.
[멋쟁이 사자처럼 10기] 멋쟁이 사자처럼 지원서 꿀팁 요즘 멋쟁이 사자처럼 대학의 모집 기간이어서 엄청 많은 분들이 검색을 통해 들어오시는 것 같아요!! 전 2021년 1년 동안 9기의 아기사자로 활동하다가 엄청난 도움을 얻고, 10기까지 활동하게 되었답니다 :) 운이 좋게도 대표자리를 맡게 되어서 2022년 1년의 시간동안 10기 아기사자 분들에게 많은 도움을 드리기 위해 열심히 준비하고 있답니다!! 지금 멋사에 참여하고 있는 대학들이 서류 지원 기간일텐데요, 질문도 꽤 많고, 500자 이내라는 제한 안에서 어떻게 작성해야 할 지에 대해 고민을 하고 계신 분들이 많을 것 같아 이렇게 글을 쓰게 되었습니다. 저희 상명대학교에서도 🦁10기 아기사자🦁분들을 모집 중인데요. 운영진으로써 여러분들에게 꿀팁 아닌 꿀팁을 드려볼까 합니다 ㅎㅎ Q. 웹만 배우나요? A.. 2022. 2. 28.
반응형