▶반복문의 문법은 몇 가지가 있으며 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택하여 사용하면 된다. while 기본형식 while(조건){ // 반복해서 실행할 코드 } 조건에는 당연히 Boolean데이터타입이 와야 합니다. 조건의 Boolean이 true 에서 false가 될 때까지 반복됩니다. 조건식이 계속해서 true일 경우, 무한루프에 빠지게 되며 이는 쉽게 발생할 수 있는 오류입니다. let i = 0; //초기화 while (i < 10) { document.write(`Coding EveryBody! I am number ${i + 1} `); i = i + 1;} for 기본형식 for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } ..
Boolean: 비교 연산의 결과로 참이거나 거짓을 얻을 수 있다. 여기서 참(true)과 거짓(false)은 언어에서 제공하는 데이터형이다. 이를 Boolean이라 부르고 불린은 위에 말한 두 가지 밖에 없다. 참과 거짓에 따라 조건문을 실행하기도 안하기도 하기 때문에 조건문에서 핵심적인 역할을 담당한다. if문 if(true){ alert(1); alert(2); alert(3); alert(4); } alert(5); //output: 1~5까지 알림창 if(false){ alert(1); alert(2); alert(3); alert(4); } alert(5); //output:5만 알림창에 뜬다. else -if로는 좀 더 복잡한 상황을 처리하는데 부족하다. -else는 조건문의 반대상황에 적용..
" == " 동등연산자 (equal operator) :좌항과 우항을 비교해서 서로 값이 같다면 true 다르면 false. // 데이터타입까지 고려하지 않고 데이터가 의미하는 바가 같다면 true를 반환한다. ※ " = "는 대입 연산자로 좌항의 값을 우항의 변수에 대입할 때 사용하는 것이므로 헷갈리지 않도록 주의 alert(1==2) // false alert(1==1) //true alert("one" == "two") // false alert("one" == "one") // true " === " 일치연산자 (strict equal operator) : 좌항과 우항을 엄격하게 비교한다. 값만 비교하는 것이 아니라 데이터 타입또한 일치해야 true 아니라면 false. alert(1 ==="1"..
UI(User Interface) -사용자가 시스템을 제어하기 위해서 사용하는 조작 장치를 UI라고 합니다. e.g.) 화면상의 button들 API(Application Programming Interface) -애플리케이션을 위해서 프로그래밍을 할 때 사용하는 조작 장치를 API라고 합니다. e.g.) alert 모든 프로그래밍언어는 API를 프로그래밍적으로, 즉 순서대로 실행하는 것을 통해 만들어진다. *순서가 없다면 API가 소용없다. 역으로 말해도 같음 web작업을 하면서 상황별 검색키워드 추천 ▶웹페이지에 있는 어떤 태그를 삭제하고 싶거나 어떤 태그에 자식 태그를 추가하고 싶다면 -> document 객체 살펴보기, 여기서 해결이 안되면 DOM(Document Object Model)으로 수색..
라이브러리 vs 프레임워크 공통점: 다른 사람의 도움을 받아서 소프트웨어를 만드는 것 , 다른 사람과 협력하는 모델 차이점 라이브러리 - 잘 정리해놓은, 재사용하기 쉽도록 되어 있는 소프트웨어/ 내가 만드는 소프트웨어의 부품을 가져오는 느낌 e.g.) jQuery ( JS 라이브러리 중 가장 유명) 프레임워크 - 반제품 소프트웨어를 사용하는 느낌, 내가 프레임워크에 들어가서 작업하는 식( 큰 틀이 있으면 메인부분은 건들이지 않고 기획 의도(웹, 게임 등등)에 따라 수정하여 사용/ 만들고자 하는 것을 처음부터 끝까지 만들지 않도록 해주는 것) jQuery 라이브러리 기본적으로 jQuery는 $로 시작합니다. 그리고 $() 이런 형태가 되죠 '달러'라는 이름의 함수입니다. e.g.) $('a') // 이 웹..
key words JS Math.floor() - 소수점을 없애기 위해 사용되는 함수 +a) Math.ceil() 소수점 올림, Math.round() 소수점 반올림 JS Math.random() - 이 함수는 부동소수점을 반환하기 때문에 소수점이 존재합니다. JS 재귀(recursion)함수 - 함수 내부에 자기 자신을 호출하는 함수 CSS 템플릿 레터럴 ``(백틱) CSS linear-gradient()함수 - 색상에 그라데이션을 주는 기능 linear-gradient() 설명 MDN▼ https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient() linear-gradient() - CSS: Cascading Style Shee..
// 여기서 처음 등장한 새로운 개념 "템플릿 리터럴"-> } https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals Template literals - JavaScript | MDN 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문 developer.mozilla.org //Date 객체에 대한 이해 , 시간 계산하는 법에 대한 이해 // 연산자->산술연산자에 대한 이해 , 연산(%) 나머지 연산자를 모듈러 라고 부르는 거 같습니다. // 연산자->비교연..
▶자바스크립트 작명방법 +a : 링크 내부에는 없지만 할당된 값이 string인 상수는 전부 대문자로 작성한다.( 확인 필요 ) 공백 X 특수문자 ( _ , $ )만 가능 숫자 시작 X 변수,인스턴스,함수,메서드 항상 소문자로 시작하는 카멜케이스 생성자 함수는 대문자 카멜 케이스 자바스크립트 변수 명명 규칙 잘 정리되어 있는 링크 자바스크립트 스타일 가이드 - 네이밍 컨벤션 편 본 글은 아래의 자바스크립트 코딩 스타일 가이드를 참고 및 번역하여 작성되었습니다. 의역 및 잘못된 해석으로 잘못된 정보가 포함될 수 있으니 원문과 함께 참고해주세요. Google Airbnb Nexedi W3S velog.io https://google.github.io/styleguide/jsguide.html#naming-r..
- Total
- Today
- Yesterday
- 항해99프론트후기
- is()
- && 셸 명령어
- fs모듈 넥스트
- float 레이아웃
- grid flex
- 프리온보딩 프론트엔드 챌린지 3월
- 항해99프론트
- ~ ^
- 원티드 3월 프론트엔드 챌린지
- 틸드와 캐럿
- D 플래그
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- nvm경로 오류
- 프리렌더링확인법
- 타입스크립트 DT
- Prittier
- text input pattern
- tilde caret
- aspect-ratio
- getServerSideProps
- getStaticPaths
- 형제 요소 선택자
- 원티드 FE 프리온보딩 챌린지
- reactAPI
- nvm 설치순서
- 부트캠프항해
- 타입스크립트 장점
- 항해99추천비추천
- 원티드 프리온보딩 FE 챌린지
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |