일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 캡슐화
- CSS
- Zustand
- 부트캠프
- js
- 웹개발
- OOP
- 논리연산자
- 불변성
- 클래스
- typeScript
- Hooks
- 자바스크립트
- 프론트엔드
- Props
- 타입스크립트
- JavaScript
- Fetch
- REACT
- 상속
- 리액트
- 패스트캠퍼스
- 추상화
- 자바스트립트
- github
- 객체지향프로그래밍
- frontend
- webdevelopment
- 투두앱만들기
- 노마드코더
- Today
- Total
목록Online Class (24)
connecting dots
https://heropy.blog/2018/10/28/regexp/ 정규표현식, 이렇게 시작하자!매일 쓰는 것도, 가독성이 좋은 것도 아니지만, 모르면 안되는 정규표현식. 저는 이렇게 공부하기 시작했습니다! (자바스크립트를 기준으로 설명합니다)heropy.blog정규식. regular expression## 역할- 문자 검색- 문자 대체- 문자 추출## 테스트 사이트http://regexp.com/## 블로그 사이트https://heropy.blog/2018/10/28/regexp/## 정규식 생성// 생성자new RegExp("표현", "옵션");new RegExp("[a-z]", "gi"); // a-z 영어 소문자 검색, g(일치하는 모든 내용 검색) i(대문자 소문자 구분 안하겠다)// 리터럴/..
reduceExecutes a reducer function on each element of the array, resulting in a single value.배열을 가져다가 점차 줄여가다가 하나의 값만 남기는 것 [3, 5, 7, 9, 11].reduce((accumulator, currentValue) => { return accumulator + currentValue;});callbackaccumulatorcurrentValuereturn valuefirst call358second call8715third call15824fourth call241135 accumulator: 줄여나가야 하는 대상, 총 합계currentValue: 각각의 개별 요소 인수 추가 가능const evens = ..
1. 문자String.prototype.indexOf()indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다.일치하는 값이 없으면 -1을 반환합니다. 매개변수searchValue찾으려는 문자열.아무 값도 주어지지 않으면 문자열 "undefined"를 찾으려는 문자열로 사용합니다. 반환 값searchValue의 첫 번째 등장 인덱스. 찾을 수 없으면 -1. const result = 'hello world!'.indexOf('heropy')console.log(result)// -1 .lengthconst str = '0123'console.log(str.length) // 4console.log('0123'.length) // 4const str = '..
생성자 함수(prototype)const heropy = { firstName: 'Heropy', lastName: 'Park', getFullName: function () { return `${this.firstName} ${this.lastName}` }}console.log(heropy.getFullName()) //Heropy Park// this = this가 소속되어져 있는 부분에 함수가 실행되는// 그 객체 데이터(heropy)를 지칭함 (heropy.firstName이랑 같음)const amy = { firstName: 'Amy', lastName: 'Clark', getFullName: function () { return `${this.firstName} ${t..
# 제목(Header)# 제목 1## 제목 2### 제목 3#### 제목 4##### 제목 5###### 제목 6제목(Header)제목 1제목 2제목 3제목 4제목 5제목 6 # 문장(Paragraph)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세# 줄바꿈(line break)동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산대한사람 대한으로 길이 보전하세 -띄어쓰기 두번 혹은 break 태그문장(Paragraph)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세줄바꿈(line break)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세무궁화 삼천리 화려 강산대한사람 대한으로 길이 보전하세-띄어쓰기 두번 혹은 break ..
Git컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 해당 파일 작업을 조율하기 위한 대표적인 버전 관리 시스템(VCS) 개행문자(NewLine) 설정$git config —global core.autocrlf input 사용자 정보: 커밋(버전 생성)을 위한 정보 등록$git config —global [user.name]() ‘YOUR_NAME’$git config —global [user.email]() ‘YOUR_EMAIL’ 구성 확인: Q키 눌러서 종료$git config —global —list 현재 프로젝트에서 변경사항 추적(버전관리)를 시작$ git init 변경사항을 추적할 특정 파일(index.html)을 지정$ git add index.html 모든 파일의 변경사항을 추적하도록..
함수 형태function sum(x, y) { // 인수를 받아줄 수 있는, 함수 선언부에 선언된 변수 = 매개변수 console.log(x + y)}sum(1, 3)sum(4, 12)// 함수가 호출될 때 같이 들어가는 특정한 값 = 인수 returnfunction sum(x, y) { return (x + y) // sum 함수 실행되어 x+y된 값이 // return 통해서 이 함수 밖으로 내보내질 수 있음}const a = sum(1, 3)const b = sum(4, 12)console.log(a)console.log(b)--------------console.log(sum(1, 3))console.log(sum(4, 12))// 함수의 결과가 반복적으로 사용될 때에는 변수에 담기//..
DOM APIDocument Object Model. Application Programming Interface.자바스크립트에서 HTML을 제어하는 여러 명령들 defer 속성 추가HTML 코드를 다 읽은 상태로 다시 main.js를 실행하겠다는 의미를 가짐defer 넣지 않으면 main.js에서 box 클래스를 가진 요소 찾아서 출력해달라는 요구가 내용을 읽지 않은 상태에서 이루어지기 때문에 null 발생하게 됨 box .querrySelector()HTML에서 특정한 요소 하나를 찾아 반환한 값을 변수에 저장let boxEl = document.querySelector('.box')// box 클래스를 가진 요소 중 제일 처음에 찾은 요소 하나만 반환하여// boxEl에 할당함 .querrySel..