전체 글 (444) 썸네일형 리스트형 [JS강좌] 7강 자바스크립트 함수 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=gfFCPE0E9qM 1. 함수 - 함수는 코드의 집합입니다. 특정 작업을 수행하도록 설계된 코드블록{ }입니다. f(x); - 수학적 함수 기호입니다. x값이 변함에 따라 결과값이 바뀌는 것을 함수라고 한다고 수학시간에 배웠습니다. - 기능은 f인 해당 함수가 하고 x인 매개변수의 값에 따라 결과값이 바뀌는 것, 그것을 함수라고 합니다. 1) 선언적 함수 문법 - 선언적 함수라는 것은 함수를 선언하는 부분과 호출하는 부분을 나눠서 작업하는 것을 의미합니다. ## 함수의 선언 문법1 - 함수타입 function 함수명(매개변수1, ...){ //코드의 집합 } ## 함수의 선언 문법1 - 변수.. [JS강좌] 6강 자바스크립트 반복문 - 배열과 for in문 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=hWQSIXNVfKY 1. 배열 - 배열이란 여러 값을 나열해서 단일변수에 담아주는 것입니다. 1) 배열의 선언 var 배열명 = [값1, 값2, 값3, ...]; - 위에서는 배열명이라고 적었지만 결국 변수입니다. - 값을 여러 개를 담을 수 있는 특수 변수라고 생각하면 될것 같습니다. var 배열명 = [ 값1, 값2, 값3 ]; - 값이 길게 표현되는 경우에는 두번째처럼 작성하면 좋습니다. - 보통 배열값에 배열이나 객체를 또 적는 경우가 그렇습니다. var 배열명 = new Array(값1, 값2, 값3, ...); - 위와 같이 new키워드를 사용해서 객체를 새로 선언할 수도 있습니다.. [JS강좌] 5강 자바스크립트 반복문 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=Aeor0HbprPU 1. while문과 do while문 1) 반복문이란? - 조건식이 맞으면 코드블록{ } 내부의 코드를 계속 실행하는 구문을 의미합니다. - 컴퓨터가 제일 잘하는 것이 반복인데, 반복적인 것을 코드를 잔뜩 써서 처리하면 비효율적이겠죠? 그래서 반복문을 사용합니다. ## 코드 alert('반복1'); alert('반복2'); alert('반복3'); alert('반복4'); alert('반복5'); alert('반복6'); alert('반복7'); alert('반복8'); alert('반복9'); alert('반복10'); - 위와 같은 코드를 계속 반복한다는 것은 매우 비.. [JS강좌] 4강 자바스크립트 조건문 switch, 삼항연산자, 짧은 조건문 - 오쌤의 니가스터디 ** 영상으로 보고 싶다면 아래 주소를 클릭하세요. https://www.youtube.com/watch?v=hPqQ9LHhAaE 1. switch문 - 조건 경우에 따라 명령을 각각 지정하는 구문입니다. ## 문법 switch(표현식){ case x: //x인 경우 실행할 코드 break; case y: //y인 경우 실행할 코드 break; default: //x도 y도 아닌 기본적으로 실행할 코드 break; } - case는 경우들을 구분하는 키워드입니다. - break는 현재 경우를 벗어나라는 키워드입니다. - default는 기본 경우값이라는 키워드입니다. ## 문제 문제) getDay()라는 메서드를 사용하면 요일을 0~6사이의 숫자로 반환합니다. 오늘의 요일을 경고창에 영문으로 반환해주세요.. [CSS3강좌] 30강 select태그 아이콘 변경 - 오쌤의 니가스터디 1. select 태그란? -여러 옵션 중 한 개의 값을 선택하는 상자 ## 코드 옵션1 옵션2 옵션3 ## 결과 - 옵션1 옆에 아이콘(아래 방향)이 존재합니다. ## 익스플로러/엣지(edge) 2. select CSS초기화 - 브라우저 별로 다르기도 하고 기본적으로 예쁘지 않기 때문에 없애는 경우가 많이 있습니다. ## 문법 select{ appearance: none; -webkit-appearance: none; /* 사파리, 크롬 하위버전용 */ -moz-appearance: none; /* 사파리, 크롬 하위버전용 */ } select::-ms-expand{ display: none; } /* 익스플로러용 */ - 익스플로러는 위와 같이 따로 작성해줘야 가능합니다. ## 코드 옵션1 옵션2 옵.. [웹디자인관련] 웹에 사용할 무료 아이콘 다운 받는 사이트5 1. iconfinder - 주소 : www.iconfinder.com/ 5,050,000+ free and premium vector icons in SVG, PNG, CSH and AI format. Iconfinder is the leading search engine and market place for vector icons in SVG, PNG, CSH and AI format. www.iconfinder.com - 검색창에 사용하고 싶은 아이콘을 검색하면 많이 나옵니다. - 보통 왼쪽같은 아이콘은 무료로 사용가능하고 위쪽에 왕관이 붙은 것은 금액을 지불해야합니다. - 잘보고 선택해야할 것 같네요. 2. flaticon - 주소 : www.flaticon.com/ Flaticon, the la.. [JS강좌] 3강 자바스크립트 if문 - 오쌤의 니가스터디 ** 동영상으로 공부할 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=zN9YVbieTSQ 1. if문 - 조건에 따라 다른 작업을 수행하려고 할 때 작성하는 구문입니다. 1) 기본 if문 - 조건이 맞을때의 결과만 표현해주는 구문입니다. ## 문법 if(조건식){ //조건식이 참일때 표현식 } ## 문제 문제) 사용자에게 점수를 입력받아 80점이상이면 [합격]이라는 경고창 띄워주세요. ## 코드 - prompt함수는 사용자에게 문자열을 입력받은 함수입니다. - score라는 변수에 사용자가 입력한 점수를 담습니다.(이유는 사용자가 입력할 때마다 값이 변하기 때문입니다.) - if문으로 만일 score에 작성된 숫자가 80보다 크거나 같으면 경고창에 합격이라고 .. [JS강좌] 2강 자바스크립트 연산자와 변수 - 오쌤의 니가스터디 ** 영상으로 공부하실 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=vJffwV9dvHY 1. 자바스크립트(JAVASCRIPT) 연산자 1) 산술연산자 - 숫자에 산술 연산을 수행하는데 사용되는 연산자 연산자 설명 + 더하기 연산자 - 빼기 연산자 * 곱하기 연산자 / 나누기 연산자 % 나머지 연산자 ## 사칙연산 코드 ## 사칙연산 결과 2) 비교연산자 - 좌변과 우변을 비교해서 true 혹은 false의 결과를 도출하는 연산자 연산자 설명 > 좌변이 우변보다 크다 = 좌변이 우변보다 크거나 같다 모든 조건이 맞아야 true, 하나라도 틀리면 0이 곱해지므로 모두 false 논리합연산자( || ) 조건식1 조건식2 수식 결과 true(1) true(1) 1 .. 이전 1 ··· 39 40 41 42 43 44 45 ··· 56 다음
