| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 스프링부트
- security
- JWT
- 자바스크립트
- JS
- spring
- Authentication
- 정보처리기사 실기
- 프론트엔드
- spring boot security
- TypeScript
- 웹개발자
- VUE
- TS
- It
- frontend
- 수제비
- spring boot
- 백엔드
- React
- 타입스크립트
- 백엔드개발자
- Front-End
- useState
- JavaScript
- Redux
- 정보처리기사
- Node.js
- 큐넷
- 리액트
- Today
- Total
목록프론트엔드 (17)
솔적솔적
안녕하세요, 오늘은 rest parameter / destructuring에 대한 간단한 개념설명과 타입스크립트에서 타입지정하는 방법을 알아보려함다 rest parameter 간단 개념, 타입지정 destructuring 간단 개념, 타입지정 | rest parameter란? 함수를 쓸 때 함수 (1,2,3,4,.... ) -> 몇개의 파라미터가 올지 모르는 경우가 있을 때 몇개의 파라미터가 들어올지 모를때파라미터를 무한히 지정하는 것이아니라 ...a 이런 식으로 지정하는 것. rest parameter이다. 파라미터 몇십몇만 들어올 수 있는 rest parameter. function 함수(...x){ } 함수(1,2,3,6,8,7,6) 근데, 이 rest 파라미터를 사용할 경우 다른 파라미터와 같이 ..
type 키워드를 이용해서 타입변수를 생성할 수 있었지만 interface로도 interface 키워드도 변수 생성이 가능합니다. type키워드를 이용한 변수 생성 type person = { name : string , age : number} let 솔 : person - { name : 'park', age : 12} interface키워드를 이용한 변수생성 interface person = {name : string , age : number} let 솔 : person = {name :'park', age : 12} 엥 똑같은데 인터페이스를 왜 써? extends가 가능하기 때문이다. interface person { name :string age : number } interface anima..
안녕하세요, 오늘은 지금까지 배웠던 리액트를 기반으로 프로젝트를 하나 개인 연습으로 생성하여 프로토타입을 기반으로 홈페이지 구조와 기능들을 만들어 보려고합니다. 자, 차근히 진행하도록 하겠습니다. 1. 프로젝트 생성 새로운 파일하나를 만들고 1) Ctrl + shift + ` 를 눌러 npx create-react-app test(원하는 파일명으로 설치) 2) npm 대신에 쓸 수 있는 소프트웨어, yarn 을 구글에 검색 yarn https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 노란 현광색으로 표시된..
1. 함수형 자바스크립트 소개 1.1 함수형 프로그래밍? 1.1.1 함수형 자바스크립트를 검색하면 나오는 예제 대표적인 함수형 자바스크립트 라이브러리인 Underscore.js 의 each, map, filter, reduce 등 -> for 문을 대체하는 거? 그럼 이걸 왜 사용하지? 커링 혹은 부분 적용과 관련된 코드들 현재는 addMaker처럼 함수로 함수를 리턴하는 기법을 많이 사용하는 추세이다. 코드1-1 addMaker function addMaker(a){ return function(b){ return a + b; } } addMaker(10)(5); //15 addMaker(10)의 결과는 function(b) { return 10 + a; }와 같고 함수다. (function(b) {r..