목록프론트엔드/Javascript (5)
김루루의 개발일기
◎ 함수 == 주석 함수를 간결하게 만들면 테스트와 디버깅이 쉬워진다. 그리고 함수 자체로 주석의 역할까지 한다. 자기설명적 코드 (self - describing) : 이름만 보고도 어떤 동작을 하는지 알수 있는 코드. ◎ 함수 이름짓기 함수 이름만 보고도 어떤 기능을 하는지 힌트를 얻을 수 있어야 한다. 함수이름 뜻 ex show... 무언가를 보여주는 함수. showMessage() get... 값을 반환하는 함수. getAge() calc... 값을 반환하는 함수. calcSum() create... 무언가를 생성하는 함수. createForm() check... 무언가를 확인하고 불린값을 반환하는 함수. checkPermission() 함수는 동작 하나만 담당해야된다. 다음은 개발자들이 흔히 하..
개념 이해하기까지 진짜 오래걸린 function 반복해서 보고 예제도 만들어보면서 겨우 이해한거 같다..! 처음 접하는 사람들에게 프로그래밍은 어려운게 아니라 낯선거라는 말이 있다. 문법 공부하시는 모든 분들에게 위로가 되길 바란다 ㅠㅠ.... ◎function 함수 함수를 이용하면 중복없이 유사한 동작을 하는 코드를 여러번 호출 할 수 있다. 함수의 주요용도 -> 중복코드 피하기. 매개변수(parameters)가 여러개 있다면 콤마(,)로 구분한다. //함수 선언하기 function name (parameters) { ....함수본문.... } //함수 호출하기 name() ◎지역변수 (local variable) 함수 내에서 선언한 변수, 함수 안에서만 접근이 가능하다. ◎외부변수 (outer var..
◎if 조건문 if (조건){ 실행본문 ; //조건 true이면 본문실행. // false이면 else if 확인. }else if(조건){ 실행본문 ; //조건 true이면 본문실행. // false이면 else 확인후 본문실행. }else { 실행본문 ; } 문제 (1) if..else와 프롬프트 대화상자를 사용해 사용자로부터 숫자 하나를 입력받고, 아래 조건에 따라 그 결과를 alert 창에 출력해 보세요. 입력받은 숫자가 0보다 큰 경우 1을 출력 입력받은 숫자가 0보다 작은 경우 -1을 출력 입력받은 숫자가 0인 경우 0을 출력 (모던 js 정답) let value = prompt('숫자를 입력하세요.', 0); if (value > 0) { alert( 1 ); } else if (value ..
◎switch 문 복수의 If 조건문을 switch문으로 바꿀수 있다. switch( x ){ case 'value1': 본문코드 break; case 'value2': 본문코드 break; default : 본문코드 break; } switch( x ){ case 'value1': /* x 와 value1 값을 비교 후 true일때 본문코드 실행 하고 종료(break). false 일때 다음 case문으로 넘어감 */ 본문코드 break; case 'value2': 본문코드 break; default : /* x 와 일치하는 value 가 없다면 default문 아래의 코드가 실행됨. (default문은 필수 X)*/ 본문코드 break; } ※ 만약 case에 break가 없다면, 값이 일치하는 ca..
◎for 반복문 for ( begin ; condition ; step ) { 반복문 본문 } begin : 초기값 condition : 조건 step : 반복 본문 실행이후 실행되는 값 ※ 인라인 변수선언 반복문 안에서만 선언된 변수로 반복문 안에서만 접근이 가능하다 인라인 변수 선언 대신, 밖에 정의 되어 있는 변수를 사용 할 수 도 있다 ※ for 구성요소 생략가능 ( begin / step ) //begin 생략 예시 : let i = 0; for (; i < 5 ; i++){ alert(i); } //step 생략 예시 : let i = 0; for (; i < 5 ; ){ alert(i++); } ◎break 대부분의 반복문은 false 일때 종료된다. 근데 특정 지시자인 break 사용하면 ..