Front End/JS

· Front End/JS
1. for문 for(초기식; 조건식; 증감식){ 반복할 코드(조건식이 참일때) } 초기식 초기식 → 조건식 비교 참일 때 코드 실행 반복할 코드가 없으면, 증감식→ 증감 연산자 사용 조건식 비교 참일 때 2~3번 과정 반복 거짓일 때 for문 빠져나옴 1-1. 숫자출력(1~10) for(var i=1; i
· Front End/JS
제어문 -프로그램의 흐름을 제어하는 문장 조건문 : 특정 조건에 따른 실행 (if / if-else / if-else if) 선택문 : 특정 조건에 따른 실행 (switch-case) 반복문 : 특정 조건에 따라 반복 실행 (for / while / do-while) 1. 조건문 1) 조건문 if문 *if문은 실행하는 코드가 1줄일때 중괄호 생략가능 Boolean(값) ⇒ t/f 리턴 -0, null, undefined, ""(공백문자) -> false -그 외 모든 데이터 => true if(0) { //false document.write("@@@@0@@@@"+ " "); } if(1) { //true document.write("@@@@1@@@@"+ " "); } if(2) { //true docu..
· Front End/JS
연산자 1) 산술연산자 (+ - * / %) // Q. 과일(50개)을 상자에 담으려고한다. // 이때 상자의 크기는 한번에 5개씩 저장가능 // 필요한 상자의 개수? var fruit = 50; var sizeOfBox = 5; document.write("필요한 상자의 개수: " + (fruit / box) + "개 "); box → sizeOfBox : box의 의미가 달라진다. — 협업을 위해 쓰는게좋음 // Q. 895 -> ???? -> 800 // 472 -> ???? -> 400 // 123 -> ???? -> 100 //952 -> ???? -> 900 (hint : 버림) var n1 = 952; document.write(n1-(n1%100)); //Q.856 -> ???? -> 85..
· Front End/JS
html: 웹문서를 나타내는 표현법 태그를 사용해서 정보를 표시한다. 태그: (항상 짝으로 사용) JavaScript: html 태그를 사용해서 여러가지 기능 처리 버튼으로 javascript 만들기 (1) - 버튼 head/body 안에 버튼 버튼 안에 글씨 버튼 누르면 javascript 버튼으로 javascript 만들기 (2) - 하이퍼링크 하이퍼링크 실행 =새로고침과 하이퍼링크 실행 버튼이 같다. (자바스크립트-헤드) "" 안에 주소가 없으면 나 자신을 새로고침한다. 하이퍼링크 실행 헤드안에 스크립트 바디안에 스크립트 바디안에 a태그 바디안에 input태그 5. javascript 코드만 작성하는 공간 // testScript.js // 자바스크립트 코드만 작성하는 공간 // 외부 파일 (단독실..
· Front End/JS
💡 -http vs https -OSI 7계층 -방화벽 -브라우저 랜더링 -https://tecoble.techcourse.co.kr/post/2021-10-24-browser-rendering/ 브라우저 렌더링 과정 이해하기. 최근에 백엔드 팀원들과 CS공부를 하면서, 주소창에 을 입력했을 때 일어나는 일에 대해 공부하였다. 이때 백엔드 팀원이 받아온 HTML… tecoble.techcourse.co.kr [통신] -전화 http : 통신프로토콜 https : http+보안적강화 [통신 과정] ex)카톡 애플리케이션층 : COM1 - 카톡(응용프로그램)으로 정보전송(가상의 데이터 전송) → 트랜스포트층 : 메시지 문제있는지 검사, 준비, 세팅 → 네트워크층 : 메시지를 ‘패킷’이라는 단위로 만듦 → 데..
· Front End/JS
바탕화면 바로가기 체크 실행 *visual studio 원 목적 : 메모장 자바스크립트-visual studio file-new file-’test.html’ 바탕화면에 생성 *확대/축소 :ctrl+’+/-’ open folder-바탕화면 폴더선택 yes선택 test.html 파일 선택 shift+!+enter : 기본틀 자동생성 ctrl+, : 설정파일 - 폰트크기 설정 plug-in 설정 live server install prettier-code formatter install 한국어 (선택사항) HTML CSS Support install Auto Rename Tag install Auto Close Tag install HTML Enter++ intstall - 띄어쓰기 !개발준비끝 [eclip..
ઇ땅코니ଓ
'Front End/JS' 카테고리의 글 목록 (2 Page)