전체 글

Node.js 백엔드 개발 _ [토픽1] Node.js 기본기 _ Node.js 시작하기

오늘날 하나의 웹사이트나 앱(Application)을 만들 때는, 아무것도 없는 상태에서 바로 코드를 작성하기보다는 '프레임워크'를 사용하는 경우가 많습니다. 프레임워크란 '일정한 틀을 갖고 있어서, 개발자가 특정 부분만 원하는 모습대로 채워 넣으면, 프로그램을 완성할 수 있게 해주는 준비된 코드 체계'를 의미하는데요. '프레임워크'라는 단어가 이밖에 다른 의미를 가질 때도 있지만 일단 이 노트에서는 이런 의미로 사용하겠습니다. 프레임워크 덕분에 우리는 다양한 서비스를 더 빠르고 안정적으로 개발할 수 있는데요. 예를 들어, Java 기반의 Spring, Python 기반의 Django 같은 프레임워크들이 존재하기 때문에 더 빠르고 편하게 개발할 수 있는 것이죠. 그리고 프레임워크마다 그 특성(기술적인 특..

웹 퍼블리싱_[토픽1] HTML/CSS 시작하기 _ 어떤 섹션 & 꿀팁

'클래스(class)'와 '아이디(id)' 정리 더보기 HTML 요소에게 '이름'을 주는 방법 두 가지: 1. 클래스(class) 2. 아이디(id) 클래스(class) First Second Third .big-blue-text { color: blue; font-size: 48px; } 클래스 이름이라는 걸 나타내는 '.(마침표)'를 잊지 말자! 아이디(id) First Second Third #favorite-text { color: blue; font-size: 48px; } 아이디를 나타내기 위해서는'#(샾 표시)'를 써줘야 한다. 클래스 vs 아이디 클래스와 아이디는 얼핏 보기에는 똑같아 보이지만, 핵심적인 차이점이 몇 가지 있다: 1. 같은 클래스 이름을 여러 요소가 가질 수 있지만, 같은 ..

프로그래밍 기초 in Python _ [토픽4] 파이썬 응용하기 _ 파이썬 모듈 맛보기 & 사용자 입력 받기

모듈 # 더하기 def add(x, y): return x + y # 빼기 def subtract(x, y): return x - y # 곱하기 def multiply(x, y): return x * y # 나누기 def divide(x, y): return x / y 이 함수들을 활용해서 프로그램을 만들려고 한다. 그러면 코드 맨 밑으로 가서, 이 함수들을 사용하면 된다. 그런데 이렇게 한 파일에 함수도 다 정의하고, 우리가 실제 실행하려는 코드도 다 쓰다 보면 하나의 파일이 너무 길어질 수도 있다. 그래서 코드를 여러 파일로 분리해서 사용하기도 한다. import calculator 이것은 calculator라는 파이썬 파일을 불러와서 사용하겠다는 의미이다. 이때 calculator.py파일을 '모듈..

웹 퍼블리싱_[토픽1] HTML/CSS 시작하기_HTML/CSS 시작하기

나의 첫 번째 웹사이트 # 웹브라우저에게 HTML 버전을 알렺는 역할 (이렇게 쓰면 자동으로 html5 사용) My First Website # 웹사이트 제목 My First Page # 가장 큰 머리말 (heading 1) I love HTML! # 두 번째로 큰 머리말 (heading 2) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tepor incididunt ut labore et delore magna aliqua. # 문단 (paragraph) HTML 태그 (HTML 요소) 내용 : 시작 태그 : 종료 태그 # 예시) 코드잇 - 온라인 프로그래밍 스쿨 기본 HTML 태그 정리 앞선 강의에서 아래와 같은 코드..

프로그래밍 기초 in Python _ [토픽3] 프로그래밍과 데이터 in Python _ 사전 & 파이썬 데이터의 비밀

- 리스트 - for 반복문 - 사전 - 파이썬 데이터의 비밀 사전 # 사전 (dictionary) # key-value pair (키-값 쌍) my_dictionary = { 5: 25, 2: 4, 3: 9 } print(my_dictionary[3]) my_dictionary[9] = 81 print(my_dictionary) 9 {5: 25, 2: 4, 3: 9, 9: 81} 사전의 키는 정수일 필요가 없다. my_family = { '엄마': '김자옥' '아빠': '이석진' '아들': '이동민' '딸': '이지영' } print(my_family['아빠']) 이석진 실습과제: 영어 단어장 태호는 미국 다트머스 대학교 컴퓨터 과학과에 지원하려고 합니다. 컴퓨터 과학 전공으로 미국 유학을 가고 싶기 ..

프로그래밍 기초 in Python _ [토픽3] 프로그래밍과 데이터 in Python _ 리스트 & for 반복문

- 리스트 - for 반복문 - 사전 - 파이썬 데이터의 비밀 리스트 # 리스트 (list) numbers = [2, 3, 5, 7, 11, 13] names = ["윤수", "혜린", "태호", "영훈"] # 인덱싱 (indexing) print(names[1]) print(numbers[1] + numbers[3]) print(numbers[-1]) print(numbers[-2]) print(numbers[-6]) print(numbers[-7]) 혜린 10 13 11 2 IndexError: list index out of range # 리스트 (list) numbers = [2, 3, 5, 7, 11, 13] names = ["윤수", "혜린", "태호", "영훈"] # 리스트 슬라이싱 (lis..

프로그래밍 기초 in Python _ [토픽2] 프로그래밍 핵심 개념 in Python _ 제어문

while 반복문 개념 while 반복문 : 무언가를 반복하기 위해 사용 while 반복문 문법 while 조건 부분: 수행 부분 조건 부분이 True이면 수행 부분이 반복된다. i = 1 while i = 80: print("B") elif total >= 70: print("C") elif total >= 60: print("D") else: print("F") # 테스트 print_grade(40, 45) print_grade(20, 35) print_grade(30, 32) print_grade(50, 45) 실습과제: 이상한 수학 문제 1 while문과 if문을 활용하여, 100 이하의 자연수 중 8의 배수이지만 12의 배수는 아닌 것을 모두 출력하세요. 예를 들어서 16은 8의 배수이지만 12..

프로그래밍 기초 in Python _ [토픽2] 프로그래밍 핵심 개념 in Python _ 추상화

함수의 실행 순서 def hello(): print("Hello!") print("Welcome to Codeit!") print("함수 호출 전") hello() print("함수 호출 후") 함수 호출 전 Hello! Welcome to Codeit! 함수 호출 후 def square(x): return x * x print("함수 호출 전") print(square(3) + square(4)) print("함수 호출 후") 함수 호출 전 25 함수 호출 후 return문 제대로 이해하기 return문의 역할? (함수가) 무언가를 돌려주는 것! return문의 역할 값 돌려주기 함수 즉시 종료하기 def square(x): print("함수 시작") return x * x print("함수 끝") #..

프로그래밍 기초 in Python _ [토픽2] 프로그래밍 핵심 개념 in Python _ 자료형

숫자형 print(7 / 2) print(6 / 2) print(7.0 / 2) print(6.0 / 2.0) 3.5 3.0 3.5 3.0 나눗셈은 정수를 정수로 나누든. 소수를 정수로 나누든, 소수를 소수로 나누든 소수 형태의 결괏값이 나온다. 만약 정수 형태의 결괏값을 원한다면 "형 변환"을 사용한다. 숫자형 심화 # floor division (버림 나눗셈) print(7 // 2) 3 3.5에서 소수 부분이 버려지고 3만 출력된다. # floor division (버림 나눗셈) print(8.0 // 3) print(8 // 3.0) print(8.0 // 3.0) 2.0 2.0 2.0 # round (반올림) print(round(3.1415926535)) print(round(3.1415926..