Haker News Part 3 코드 리팩터리

이번 part3는 코드 리팩터리를 했습니다.. 개발자의 숙명이죠...중복코드를 줄이는것이요.....

저도 한번 리팩터리 작업을 했습니다ㅎㅎ 여기서 중요한것은 함수에 인자를넣고 인자값을 바뀌면 값을 주는 그런 형태입니다!! 자 그럼 시작해보죠ㅎㅎ

 

제 git의 part3 코드입니다!

https://github.com/yoogukhyeon/FrontendProject1/tree/code3/part03_2%EA%B0%9C%ED%99%94%EB%A9%B4%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A6%AC

 

ajax 중복 코드이기떄문에 함수로 묶어서 뿌려 주겠습니다!

function getDate(인자){

        ajax.open('get' , 인자값 , false)

}

저자리는 url이 들어가는 자리입니다 하지만 페이지가 바뀌면 url에도 유동적으로 바뀌기 떄문에 매개변수로 url 주고 거기에 값을 넣어주는 형태로 만들었습니다.

UI는 바뀐게 없지만 코드는 깔끔해졌네요ㅎ

 

part4 에는 문자열 html을 활용하면서 코드 리팩터리 작업을 더 해보겠습니다!