분류 전체보기267 [TypeScript] 타입스크립트란? 기본 문법 JS TS 🧺 ⇒ 🍎, 🥦, 🍟, 🎂 🧺 🍎 ⇒ 🍎 🧺 🥦 ⇒ 🥦 🧺 🍟, 🎂 ⇒ 🍟, 🎂 JavaScript Dynamic Typing 유연성과 자유도가 높음 규모가 커지고 코드가 길어짐에 따라 단점이됨 console.log('1' * 1) // 1 console.log(1 +'') // '1' TypeScript https://www.typescriptlang.org/play?ssl=1&ssc=21&pln=1&pc=1#code/MYewdgziA2CmB00QHMAUByAjOgBAKh0wEoAoIA JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있음 JavaScript에 비해 엄격한 검사함 자세한 에러 메세지 제공 오타 교정 브라우저는 TypeScript를 이해하지 못함. 컴파일러.. 2021. 12. 10. [JavaScript] 함수 선언문과 함수 표현식 호출의 차이 - function statement/function expression 이전 내용의 추가 - 함수의 정의 - 함수의 호출 함수 선언문 : 어디서든 호출 가능 호이스팅(Hoisting)됨 (수정필요) foo(); // 'hi' function foo(){ console.log('hi'); } foo(); // 'hi' 함수 표현식 : 해당 코드에 도달 했을 때 함수 생성 foo() // ReferenceError: foo is not defined let foo = function(){ console.log('hi'); } foo() // 'hi' 출처 : 유튜브 '코딩앙마' - 자바스크립트 기초 강좌 #11 - 함수 표현식, 화살표 함수(arrow function) 2021. 12. 8. [Font] Lorem Ipsum(로렘 입숨)사이트 Lorem Ipsum (로렘 입숨) 위키백과, 우리 모두의 백과사전. 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다. 로렘 입숨은 전통 라틴어와 닮은 점 때문에 종종 호기심을 유발하기도 하지만 그 이상의 의미를 담지는 않는다. 문서에서 텍스트가 보이면 사람들은 전체적인 프레젠테이션보다는 텍스트에 .. 2021. 12. 4. [Algorithm 030] JS - 자연수 뒤집어 배열로 만들기 (Level 01) 문제 출처 : 프로그래머스 prorammers - 자연수를 뒤집어 배열로 만들기 (링크) 문제 설명 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 제한사항 n은 10,000,000,000이하인 자연수입니다. A. 내가 푼 답 function solution(n) { var answer = []; do{ answer.push(n % 10); n = Math.floor(n / 10); }while(n > 0) return answer; } 자료형의 변화를 최소화하여 푸는 방식 do...while과 %(나머지 연산자)를 사용 전에 풀었던 하샤드 수 구하기, 정수 내림차순으로 배치하기와 비슷한 로직이라 금방 풀 수 있.. 2021. 12. 2. #TIL #211115-1130 11월 15일 (월) 오늘한 것 알고리즘 1문제 - 프로그래머스 Level 01-10 최대공약수와 최소공배수 (GitHub) 모던자바스크립트 1독- 4챕터 '변수' 포트폴리오 사이트 디자인 정리 11월 16일 (화) 오늘한 것 어제 알고리즘 문제 '최대공약수와 최소공배수'이해 포스팅 포트폴리오 사이트 구현 - CRA 세팅 Eslint, Prettier관련 Failed to compile에러와의 만남 모던자바스크립트 1독- 5챕터 '표현식과 문' 11월 17일 (수) 오늘한 것 개인 포트폴리오 사이트 구현 포트폴리오 사이트 구현 - CRA 세팅 Eslint, Prettier관련 Failed to compile에러 해결 11월 18일 (목) 오늘한 것 포트폴리오 사이트 구현 CRA 세팅 완료 Notion f.. 2021. 12. 1. [JavaScript] Ajax, Axios를 사용한 요청 외부 라이브러리 api방식 Ajax (MDN명세) 페이지 새로고침 없이 서버에 요청 서버로부터 데이터를 받고 작업을 수행 비동기성!! ✅ jQuery의 경우 주로Ajax 사용 (jQuery안에 기본적으로 있음) $.ajex() ✅ React나 Vue의 경우 Axios사용 사용 https://axios-http.com/docs/intro 참고 코딩애플 - Ajax가 무엇인지 설명하는 영상 (+CORS, fetch 어쩌구) 2021. 11. 22. [JavaScript] fetch함수에서의 에러(Error) 처리 react환경에서의 fetch 함수로 api요청한 실습 // fetch함수를 통한 GET요청 -> 데이터를 가져옴 fetch('https://주소.json') // then함수를 사용해 가져온 데이터를 출력 .then ((response) => { // callback함수 return response.json() }) // 파싱한 결과를 출력해 볼 때 .then ((result) => { console.log(result) }) [에러 처리] fetch('https://주소.json') .then ((response) => { return response.json() }) .then ((result) => { console.log(result) }) // 에러처리 .catch(() => { console.. 2021. 11. 22. [Algorithm 029] JS - 정수 내림차순으로 배치하기 (Level 01) 문제 출처 : 프로그래머스 prorammers - 정수 내림차순으로 배치하기 (링크) 문제 설명 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한사항 n은 1이상 8000000000 이하인 자연수입니다. 처음 접근 법 숫자값에 변화를 주지 않고 사용해보려 생각했다. 하샤드 수 문제와 비슷하게 10으로 나눈 나머지 값으로 각 자릿 수를 때어내 접근 할 수 있을 것이라 생각했다. function solution(n) { var answer = n; var arr = [] do{ arr.push(answer % 10); } while(answer > 0) ret.. 2021. 11. 22. 이전 1 ··· 10 11 12 13 14 15 16 ··· 34 다음
