웹개발 종합반_2주차 개발일지

이서현·2021년 10월 10일
0
post-thumbnail
        function hey() {
            let count = 1;
            if(count % 2 === 0 ) {
                alert('짝수');
            } else {
                alert('홀수');
            }
            count += 1;
        }

계속 홀수만 나온다 왜그럴까?
위의 count는 지역변수 이고, 함수가 끝나면 사라진다
그래서 영원히 홀수만 나온다
그렇다면 어떻게 카운팅이 될 수 있게 만들까?
그건 바로 전연변수로 만들어 주기

        let count = 1;
        function hey() {
            if(count % 2 === 0 ) {
                alert('짝수');
            } else {
                alert('홀수');
            }
            console.log(count)
            count += 1;
        }

제이쿼리 사용해 보기
.hide()
.show()
.toggle()
.css()
.text()
.val()
.empty()
.attr()
.append()


백틱
변수 부를때만 사용 했는데 신기한 방법을 배웠다

let temp = `<button>버튼입니다</button>`
$('#card-box').append(temp);

이러면 #card-box(부모태그)에 내가 만든 버튼이 생긴다


Ajax
Ajax는 뭘까?

  • Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자
  • 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능
  • 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법
    출처: https://velog.io/@surim014/AJAX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80
    Ajax 라이브러리 제이쿼리

프레임워크 와 라이브러리
내가 코드를 컨트롤하는건지 VS 누군가의 규칙을 따라 코딩하는건지

집을 짓는 다는 가정하에
뼈대 제공 = 프레임워크
단일화 되어 있어 협업에서 문제없이 사용 가능
이미 정해져 있기 때문에 개발에 한계가 생김

에어컨, 쇼파, 식탁 등등 = 라이브러리
내가 원할 때 호출해서 사용 내가 주도권을 가지고 있즤

자바스크립트 대표적인 라이브러리 리액트 제이쿼리
자바 프레임워크 스프링
파이썬 프레임워크 플라스트

profile
🌿💻💪🧠👍✨🎉

0개의 댓글

관련 채용 정보