JQuery란? 남이 만들어둔 미리 작성된 자바스크립트 코드!

2004년 당시엔 아주 여러가지 브라우저가 산재되어 있던 시절, 호환성의 문제도 대두되는 상황이었음. '브라우저마다 코드 다 다르게 써야하는 걸 모아서 라이브러리로 만들어 둘테니 우리가 만든 걸 시작할 때 임포트해서 쓰면 간단할 거야'라고 해서 나온 게 JQuery. 

제이쿼리 = 미리 작성된 자바스크립트 코드 
* 임포트를 하지 않으면 쓸 수 없다.
** 부트스트랩과 같은 맥락이라고 보면 됨.

 

 

JQuery CDN: https://www.w3schools.com/jquery/jquery_get_started.asp

jQuery Get Started

(부트스트랩에는 이미 제이쿼리가 사용되고 있으므로 부트스트랩을 사용할 경우엔 굳이 가져다 쓸 필요가 없음)

 

파이썬을 설치한다는 것의 의미

👉 **파이썬을 설치한다?

→** 일종의 번역팩을 설치한다고 생각하면 됩니다. 컴퓨터는 101010001 과 같은 언어만 알아듣는다고 했지요? 파이썬 문법으로 된 것을 101010001로 변환해줄 수 있도록, 번역 패키지를 설치하는 것입니다.

 

 

스파르타코딩클럽에서 국비지원으로
웹개발 종합반 저렴하게 수강하기!

https://spartacodingclub.kr/?f_name=%EC%A1%B0%EB%AF%BC%EC%A7%80&f_uid=61c51b707b3272c573ea69a2 

스파르타코딩클럽

 

 

파이썬 기초 문법

• • 변수 & 기본연산
  • a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게?
  • 자료형
    • 숫자, 문자형
    • name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다. ######### # 그리고 List, Dictionary 도 들어갈 수도 있죠. 그게 뭔지는 아래에서!
    • 리스트 형 (Javascript의 배열형과 동일)
    • a_list = [] a_list.append(1) # 리스트에 값을 넣는다 a_list.append([2,3]) # 리스트에 [2,3]이라는 리스트를 다시 넣는다 # a_list의 값은? [1,[2,3]] # a_list[0]의 값은? 1 # a_list[1]의 값은? [2,3] # a_list[1][0]의 값은? 2
    • Dictionary 형 (Javascript의 dictionary형과 동일)
    • a_dict = {} a_dict = {'name':'bob','age':21} a_dict['height'] = 178 # a_dict의 값은? {'name':'bob','age':21, 'height':178} # a_dict['name']의 값은? 'bob' # a_dict['age']의 값은? 21 # a_dict['height']의 값은? 178
    • Dictionary 형과 List형의 조합
    • people = [{'name':'bob','age':20},{'name':'carry','age':38}] # people[0]['name']의 값은? 'bob' # people[1]['name']의 값은? 'carry' person = {'name':'john','age':7} people.append(person) # people의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}] # people[2]['name']의 값은? 'john'
  • 함수
    • 함수의 정의 - 이름은 마음대로 정할 수 있음!
    • # 수학문제에서 f(x) = 2*x+3 y = f(2) y의 값은? 7 # 참고: 자바스크립트에서는 function f(x) { return 2*x+3 } # 파이썬에서 def f(x): return 2*x+3 y = f(2) y의 값은? 7
    • 함수의 응용
    • def sum_all(a,b,c): return a+b+c def mul(a,b): return a*b result = sum_all(1,2,3) + mul(10,10) # result라는 변수의 값은?
  • 조건문
    • if / else 로 구성! 
    • def is_adult(age): if age > 20: print('성인입니다') # 조건이 참이면 성인입니다를 출력 else: print('청소년이에요') # 조건이 거짓이면 청소년이에요를 출력 is_adult(30) # 무엇이 출력될까요?
    • def oddeven(num): # oddeven이라는 이름의 함수를 정의한다. num을 변수로 받는다. if num % 2 == 0: # num을 2로 나눈 나머지가 0이면 return True # True (참)을 반환한다. else: # 아니면, return False # False (거짓)을 반환한다. result = oddeven(20) # result의 값은 무엇일까요?
  • 반복문</aside>
    • 4즉, 무조건 리스트와 함께 쓰입니다!
    • fruits = ['사과','배','감','귤'] for fruit in fruits: print(fruit) # 사과, 배, 감, 귤 하나씩 꺼내어 찍힙니다.
    • 살짝 응용해볼까요? - 과일 개수 세기 함수
      • [코드스니펫] 리스트 예제
      • fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']

      fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']
      
      count = 0
      for fruit in fruits:
      	if fruit == '사과':
      		count += 1
      
      print(count)
      
      # 사과의 개수를 세어 보여줍니다.
      

      def count_fruits(target):
      	count = 0
      	for fruit in fruits:
      		if fruit == target:
      			count += 1
      	return count
      
      subak_count = count_fruits('수박')
      print(subak_count) #수박의 개수
      
      gam_count = count_fruits('감')
      print(gam_count) #감의 개수
      

    • 다른 예제를 살펴봅시다.
      • [코드스니펫] 딕셔너리 예제
      • people = [{'name': 'bob', 'age': 20}, {'name': 'carry', 'age': 38}, {'name': 'john', 'age': 7}, {'name': 'smith', 'age': 17}, {'name': 'ben', 'age': 27}]

      people = [{'name': 'bob', 'age': 20}, 
                {'name': 'carry', 'age': 38},
                {'name': 'john', 'age': 7},
                {'name': 'smith', 'age': 17},
                {'name': 'ben', 'age': 27}]
      
      # 모든 사람의 이름과 나이를 출력해봅시다.
      for person in people:
          print(person['name'], person['age'])
      
      # 이번엔, 반복문과 조건문을 응용한 함수를 만들어봅시다.
      # 이름을 받으면, age를 리턴해주는 함수
      def get_age(myname):
          for person in people:
              if person['name'] == myname:
                  return person['age']
          return '해당하는 이름이 없습니다'
      
      print(get_age('bob'))
      print(get_age('kay'))
      

  • 👉 파이썬에서의 반복문은, 리스트의 요소들을 하나씩 꺼내쓰는 형태입니다.
  • 즉, 무조건 리스트와 함께 쓰입니다!
  • fruits = ['사과','배','감','귤'] for fruit in fruits: print(fruit) # 사과, 배, 감, 귤 하나씩 꺼내어 찍힙니다.
  • 살짝 응용해볼까요? - 과일 개수 세기 함수
    • [코드스니펫] 리스트 예제
    • fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']

    fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']
    
    count = 0
    for fruit in fruits:
    	if fruit == '사과':
    		count += 1
    
    print(count)
    
    # 사과의 개수를 세어 보여줍니다.
    

    def count_fruits(target):
    	count = 0
    	for fruit in fruits:
    		if fruit == target:
    			count += 1
    	return count
    
    subak_count = count_fruits('수박')
    print(subak_count) #수박의 개수
    
    gam_count = count_fruits('감')
    print(gam_count) #감의 개수
    

  • 다른 예제를 살펴봅시다.
    • [코드스니펫] 딕셔너리 예제
    • people = [{'name': 'bob', 'age': 20}, {'name': 'carry', 'age': 38}, {'name': 'john', 'age': 7}, {'name': 'smith', 'age': 17}, {'name': 'ben', 'age': 27}]

    people = [{'name': 'bob', 'age': 20}, 
              {'name': 'carry', 'age': 38},
              {'name': 'john', 'age': 7},
              {'name': 'smith', 'age': 17},
              {'name': 'ben', 'age': 27}]
    
    # 모든 사람의 이름과 나이를 출력해봅시다.
    for person in people:
        print(person['name'], person['age'])
    
    # 이번엔, 반복문과 조건문을 응용한 함수를 만들어봅시다.
    # 이름을 받으면, age를 리턴해주는 함수
    def get_age(myname):
        for person in people:
            if person['name'] == myname:
                return person['age']
        return '해당하는 이름이 없습니다'
    
    print(get_age('bob'))
    print(get_age('kay'))
    

이제 3주+6일이 남았군..ㅠ-ㅠ 지금은 일단 수강만 해놓는거라 끝나기 전에 처음부터 다시 들을 거닷..!