일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- express
- GRID
- MongoDB
- node.js
- form
- HTML
- Mongoose
- react
- API
- Flutter
- pug
- JavaScript
- graphQL
- backend
- DART
- Component
- CLONE
- nodejs
- 리액트
- 자바스크립트
- NextJs
- frontend
- clonecoding
- ES6
- CSS
- heroku
- Session
- javscript
- ECMAScript
- TypeScript
- Today
- Total
목록JavaScript/Vanilla Js (53)
Enjoy Programming
이번엔 자바스크립트 함수중 몇가지 함수를 살펴보자(배열에서 쓰이는) 1) Array.prototype.find() 이 함수는 주어진 함수를 만족하는 첫 번째 요소의 값을 반환한다. 없다면 undefined를 반환. find()함수 괄호 안의 매개 변수는 callback 함수가 오고 위 사진처럼 arrow function으로 무지 간단하게 함수가 구현되었다. es6이전의 방식이라면 이렇게 코드량이 많아진다. 자 좀더 설명하자면 find함수는 callback함수가 true를 반환할 때까지 해당 배열의 각 요소에게 callback함수를 실행한다. 만족하는 요소를 찾았다면 해당 요소를 즉시 반환하고, 못찾았다면 undefined를 반환한다. find는 호출대상인 배열을 mutate하지 않는다. 그리고 처리할 배..
정규표현식이란 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어(패턴)이다. 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행할 수 있다. 단 정규식 패턴이 수행 내용과 매치가 잘 안되어 가독성이 많이 떨어지기에 공부하는데 어렵다. 기초 개념을 잘 다져보자. 정규표현식은 크게 세가지 역할을 수행한다 문자 검색, 문자 대체, 문자 추출 자바스크립트 정규식 생성 정규표현식은 객체로 취급되기 때문에 생성자 함수 또는 리터럴로 정의한다. 1.생성자 함수 방식 RegExp - 생성자 함수를 호출하여 사용할 수 있다. const reg = new RegExp("^abc", "gi"); new RegExp(표현식, 플래그) 2.리터럴 방식 " / "..
공부하던중 오늘이 토요일이라 로또 사러가야지 ~~ 하는 순간 로또번호 생성기가 만들고 싶어졌다. 자 그냥 시작해보자 우선 html이 js파일 하나 만들어주고 button클릭하면 로또번호 만들어지도록~!~!~! 자 만들어보자 일단~~ 바디랑 인풋을 가져오고 번호가 찍힐 h3태그를 생성후 바디에 종속시켰다. 그리고 이벤트 리스너 하나 만들고 함수명 아무거나 하나 지었다. 이제 로또넘버만들기 함수를 만들어보자 뭔가 조잡하다.. ㅎㅎ 근데 처음 만들어보는 자바스크립트 로또번호 생성기이다.. 코드 리뷰를 해보자면 먼저 함수안에 로또 배열을 생성하고 임의의 i를 만들어줬다. 그리고 메인 포문으로 Math.floor와 Math.random()함수를 이용해 숫자를 생성하고 배열에 넣어줬다. 근데 발생한 문제가 중복값이..
라이브러리와 프레임웍에 대해서 알아보자. 1. Library 먼저 라이브러리는 단순 활용 가능한 도구들의 집합을 의미한다. 개발자가 만든 클래스에서 호출하여 사용, 클래스들의 나열로 필요한 클래스를 불러서 사용하는 방식이다. 2.FrameWork 프레임 워크는 기반구조를 의미하고 제어의 역전 개념이 적용된 대표적인 기술이다. 소프트웨어에서 프레임워크는 소프트 웨어의 특정 문제를 해결하기 위해 상호 협력하는 클래스와 인터페이스의 집합이라 할 수 있고 완성된 어플리케이션이 아닌 프로그래머가 완성시키는 작업을 해야한다. 즉 간단하게 프레임워크는 완성된 제품이 아닌 완성된 제품을 만들기위해 개발자를 도와주는 또는 기반이 되는 역할을 한다. 3. 이 둘의 차이점 프레임워크와 라이브러리의 차이점은 흐름을 누가 가지..
1. parameter 매개변수 : 함수와 메서드 입력 변수명 2. argument 인자 : 함수와 메서드의 입력 value ex> function parameter(a, b): return a + b; parameter(2, 3); parameter라는 함수가 있다 여기서 괄호안에 a,b를 전달하고 실행시 2와 3을 a와 b에 입력한다. 여기서 parameter는 정의된 함수에 괄호안 a, b이고 실행시 넣은 2와 3이 argument가 된다. 이게 프로그래밍을 처음 배우며 파라미터 아규먼트 .. 이상하게 헷갈렸다 그래서 다시 짚고 넘어가본다.