본문 바로가기

전체 글

기초 영어 회화 표현 필수 암기 코스 (0181-0190) | 식후땡영어 0181. This time last year, I was in Paris. 0182. I feel fine this morning, but I was very tired last night. 0183. When I was a child, I was scared of dogs. 0184. I like your new jacket. Was it expensive? 0185. Where were you at 11 last Friday morning? 0186. Why were you late this morning? What happened? 0187. Why were you angry the day before yesterday? Because you were late. 0188. We were hungr.. 더보기
영어 대명사 활용 연습 | 라이브 아카데미 토들러 A: Do you see anything you like? B: These look OK. A: Try them on. (5 minutes later) B: What do you think? A: They look fine to me. What do YOU think? B: Yeah, they’re all right. A: How do they feel? Are they comfortable? B: I think so. C: They’re currently out of stock. If you want, you can purchase the ones you just tried on. A: Check for any damages or stains. Look at them carefully in the li.. 더보기
TypeScript Interface - 프리온보딩 프론트엔드 챌린지 2월 (Day 2) Interface 특징 JavaScript에 존재하지 않는다. 객체의 타입을 정의하고 생김새를 가지도록 할 수 있다. TypeScript의 클래스 기능은 C#에서 유래된 것이 많다. 일부 기능은 TypeScript에만 존재하는 고유 문법으로 컴파일 후에 사라진다. extends가 아닌 implements 키워드로 구현한다. (핵심) 세 가지 관점 객체 지향 메타 데이터 Frontend에서의 유용한 사용 방법 (e.g., React Component Typing) JS의 치명적인 결함 typeof null // 'object' typeof undefined // 'undefined' JS가 인정한 결함이지만 바뀔 수 없는 이유는? 이미 많은 사람들이 사용해서 개발된 서비스들이 많기 때문이다. TS 공부법 .. 더보기
JavaScript Array Method - 한입 크기로 잘라 먹는 리액트 (212) JS 배열 함수 1. forEach 배열의 요소에 순차적으로 접근 2. map, return 배열의 각 요소에 대해 콜백 함수 실행, 콜백 함수에서 return 사용 가능, 리턴한 값을 요소로 생성된 새로운 배열을 리턴 3. includes === 연산을 통해 배열에 특정 값이 있는지 확인하여 boolean 타입 리턴 4. indexOf 배열에 특정 값이 있으면 인덱스 리턴, 없으면 -1 리턴 5. findIndex 특정 속성을 갖는 요소의 인덱스 리턴, 중복된 값이 있으면 가장 앞에 있는 요소의 인덱스 리턴 6. find 특정 속성을 갖는 요소 자체를 리턴 7. filter 배열에서 특정한 조건을 만족하는, 즉 콜백 함수가 true를 리턴하는 모든 요소를 배열로 리턴 8. slice(start, end.. 더보기
React 기초 - 생활코딩 리액트 2022 개정판 React.js 자바스크립트 라이브러리, node.js 환경에서 동작 index.js 입구, 즉 제일 먼저 동작 npx create-react-app . 현재 디렉토리에 리액트 프로젝트 생성 npm [run] start 개발을 위한 명령어, 개발 환경 구축 npm [run] build 빌드를 위한 명령어, 배포본 생성 npx serve -s build build 폴더의 index.html을 서비스하는 웹 서버 실행 -> 접속 가능한 주소 선택하여 클릭 => 개발 버전 X, 실제 서비스 버전 O React란? 개념 비고 React 사용자 정의 태그를 만드는 기술 리액트의 본질 Componenet 사용자 정의 태그 네이밍 룰: 대문자로 시작 Prop 컴포넌트의 속성 cf. HTML 태그 속성 React 효과.. 더보기