김실장의 웹로그

hello()라는 함수를 만들어서 기본적인 유지보수 쉽게 만들기

//중복코드 포장하기
function hello(){
document.write("안녕하세요. 환영합니다.","<br>");}

// 함수를 호출하기
hello();
hello();
hello();

예제 prinStar라는 함수로 만들어 간결하게 만들어주세요

동일한코드 간단하게 만들기[기존코드]

var star="";
for(var i=1;i<=5;i++){
	for var m=0;m<i;m++){
    	star+="*";
        }
        star+="<br>";
       }
       document.write(star);
       
       var star="";
       for(var i=1;i<=5;i++){
       		for(var m=0;m<i;m++){
            	star+="*";
                }
        star+="<br>";
       }
       document.write(star);

-> 위의 코드는 완전히 동일하게 보이고 있습니다.

이런건 보이는 즉시 없애줘야합니다.

진행방법[함수 적용]

//중복코드를 printStar()함수에 포장해줍니다.

function printStar(){
	var star="";
    for(var i=1;i<=5;i++){
    	for(var m=0;m<i;m++){
        	star+="*";
            }
            star+="<br>";
           }
           document.write(star);
        }
//마지막으로 함수를 두번 호출해줍니다.

printStar();
printStar();

기본적인 개념 한번 더 체크

fucntion 함수이름() {

}

✔️반복문을 활용하여 텍스트 출력

for(var i=1;i<=5;i++)
document.write(i+".bibimking<br>");
// 만약 반복횟수를 늘리고자 한다면 숫자를 5에서 10으로 조정

"웹동네", "짱아", "딴동네" 이름을 다섯번씩 출력해주세요.

for(var i=1;i<=5;i++)
document.write(i+".웹동네<br>");

for(var i=1;i<=5;i++)
document.write(i+".짱아<br>");

for(var i=1;i<=5;i++)
document.write(i+".딴동네<br>");

>> 위 코드의 문제점 가령 '입니다'를 붙여야 한다고 했을때 반복해서 다시 작업해야함

✔️코드중복 제거 및 코드 재사용을 위한 방법[함수]

//함수 정의 (재사용할 코드를 포장하는 기술)
function showName(name){
	for(var i=1; i<=5;i++)
    	document.write(i+"."+name+"입니다.<br>");
        }
        
        // 함수호출 (함수를 동작하게 하려면
        // 함수 호출이라는 것을 해줘야 합니다.)
        
        showName("웹동네");
        showName("짱아");
        showName("딴동네");

만약 이 코드에서 웹동네는 5번, 짱아는 10번 딴동네는 7번으로 변경해야한다면 

함수의 매개변수(파라미터/인수)를 이용하여 유지보수하기 좋은 코드로 활용할 수 있습니다.

▼아래와 같음 ▼

//함수 정의 (재사용할 코드를 포장하는 기술)
function showName(name){
	for(var i=1; i<=5;i++)
    	document.write(i+"."+name+"입니다.<br>");
        }
        
        // 함수호출 (함수를 동작하게 하려면
        // 함수 호출이라는 것을 해줘야 합니다.)
        
        showName("웹동네", 5);
        showName("짱아", 10);
        showName("딴동네", 7);

추가로 철수 3번 영희 6번을 출력해야할 경우

showName("철수", 3);

showName("영희", 6);

이렇게 해주면 됩니다.

✔️함수의 구조 3가지

함수를 정복하기위해서는 다음과 같은 함수와 관련된 개념들을 알아야합니다.

• 매개변수(파라미터 또는 인수)
• 지역변수와 전역변수
• 리턴값
• 함수 호출
• 함수 정의
• 함수 리터럴
• 함수 이름 규칙

첫 번째: 일반적인 함수

function 함수이름(){

              실행구문;

}

두 번째: 매개변수가 있는 함수

function 함수이름([매개변수 1 [, 매개변수 2[, . . .]]){

              실행구문;

}

세 번째: 리턴값이 있는 함수

function 함수이름([매개변수 1[, 매개변수 2[, . . . ]]){

              실행구문;

              return 실행결과;

]

• 검색광고 진행
• 상위노출작업 자사계정/배포계정
• 이벤트 진행하기
• 오프라인 홍보[영업]
• 새로운 채널 확장 등

현재 체험단과 자사 홍보를 병행하고 있는데 기간이 많지 않은 만큼 조금 더 직접적이고 공격적으로 할 필요가 있다.

경쟁사가 많을 때는 어떻게??

1. 새로운 판로개척
2. 차별화된 무기와 전략
3. 치킨게임[자본이 많을 경우]

조금 더 공격적인 방법은?
직접홍보- dm, 오프라인활동
이벤트를 통한 db수집 후 재접근 등

if문이란?

특정 조건에 맞는 경우에만 특정 구문을 실행하고 싶을 때 사용하는 조건문 중 하나.

if문의 문법

if(조건식){
//하나 또는 여러 개의 문장을 작성할 수 있음.
조건식이 참일 때 실행할 구문;
....
}
else if (조건식2){
실행구문2(조건식1이 거짓이고 조건식2가 참인 경우)
}else if (조건식3){
실행구문3(조건식2가 거짓이고 조건식3이 참인 경우}

사칙연산자와 논리/비교연산자

1) 사칙연산자

var a= 10;

var b= 20;

var result = a+b;

2) 논리,비교 연산자

var a= 10;

var b= 20;

var result=a>b;

a==b a와 b가 같은 경우 참입니다.

a!=b a와 b가 같지 않은 경우 참입니다.

a>=b a가 b보다 크거나 같은 경우 참입니다.

논리연산자

if 에 비교연산자 사용하기

var a=true;
var b=false;
var c=10;
var d=20;

//1.같다면, 등가(=)
if(a==true)
	document.write("1. a==true 실행 <br>");
    
    
    // 이렇게 되면 괄호 안에 1.~~~ 실행이 그대로 써지겠지? ㅇㅇ 맞음