ksw_devlog

[SPA] SPA란? SPA 작동방식 SPA(Single Page Application)는 모던 웹의 패러다임이다. SPA는 단일 페이지로 기존의 서버 사이드 렌더링과 비교할 때, 배포가 간단하며 네이티브 앱과 비슷한 사용자 경험을 제공한다는 장점이 있다. SPA는 웹 앱에 필요한 모든 정적 리소스를 처음에 한번 다운로드한다. 페이지 간 이동 시, 페이지 갱신에 필요한 데이터만을 JSON으로 전달받아 페이지를 갱신하므로 전체적인 트래픽을 감소할 수 있고, 전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이 발생하지 않아 네이티브 앱과 유사한 사용자 경험을 제공할 수 있다. 이런 특징들은 SPA가 모바일 웹에 최적화 된 이유이기도 하다. 속도, 사용성, 반응성의 향상으로 더 나은 사..

[웹 퍼블리싱] HTML 기초 : HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 body 안에 들어가는 대표적인 요소들! 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. a 태그입니다: http://google.com/" target="_blank">하이퍼링크 img 태그입니다: https://www.google...

▶ 파이썬 함수 : 함수는 반복적으로 사용하는 코드들에 이름을 붙여놓은 것 def hello(): print("안녕!") print("또 만나요!") hello() hello() --------------------------------- def bus_rate(age): if age > 65: print("무료로 이용하세요") elif age > 20: print("성인입니다.") else: print("청소년입니다") bus_rate(27) bus_rate(10) bus_rate(72) ------------------------------ def bus_fee(age): if age > 65: return 0 elif age > 20: return 1200 else: return 0 money = ..

자바스크립트 기초 문법, 파이썬 기초 문법, 알고리즘 수업을 수강했던 한 주였다. 자바스크립트 강의를 한 번 더 수강해보고 알고리즘 위주로 계속 공부하였다. 아직 어려운 부분이 많아서 꾸준히 공부해야 할 것 같다.

[알고리즘] 최댓값 찾기 [3, 5, 6, 1, 2, 4] def find_max_num(array): # 이 부분을 채워보세요! return 1 print("정답 = 6 / 현재 풀이 값 = ", find_max_num([3, 5, 6, 1, 2, 4])) print("정답 = 6 / 현재 풀이 값 = ", find_max_num([6, 6, 6])) print("정답 = 1888 / 현재 풀이 값 = ", find_max_num([6, 9, 2, 7, 1888])) --->풀이 def find_max_num(array): max_num = array[0] for num in array: if num > max_num: max_num = num return max_num print("정답 = 6 / 현..

[자바 스크립트] - 클래스와 객체 객체(Object) 타입 // 노트북1을 것을 표현하기 위한 데이터들 // 변수명을 명시적으로 하는 것 이외에는 이 데이터들의 관계를 표현해줄 수 있는 방법이 없음 const notebook1Name = 'Macbook' const notebook1Price = 2000000 const notebook1Company = 'Apple' // 이름, 가격, 제조사와 같은 정보를 다 담을 수 있는 좀 더 큰 범위의 데이터 타입이 있으면 좋지 않을까? 클래스(Class) 선언 class Notebook { constructor(name, price, company) { this.name = name this.price = price this.company = company }..

[Java script 함수] 함수는 특정 작업을 수행하는 코드의 집합 const priceA = 1000 const priceB = 2000 // 두 상품가격의 합과 평균을 구해서 출력해야 하는 코드 작성 const sum1 = priceA + priceB console.log(`두 상품의 합계는 ${sum1}입니다.`) const avg1 = sum1 / 2 console.log(`두 상품의 평균은 ${avg1}입니다.`) const priceC = 3000 const priceD = 4000 // 이번에도 두 상품가격의 평균을 구해서 출력해야 한다면? 위와 동일한 코드를 또 작성... const sum2 = priceC + priceD console.log(`두 상품의 합계는 ${sum2}입니다.`..

템플릿 리터럴 (Template literals) 백틱(``) 을 사용하여 문자열 데이터를 표현할 수 있다. 이중 따옴표나 작은 따옴표로 문자열을 표현할 때보다 간결하게 문자열 붙이기가 가능하다 const shoesPrice = 200000 console.log(`이 신발의 가격은 ${shoesPrice}원입니다`) // console.log('이 신발의 가격은 ' + shoesPrice + '원입니다') 와 동일 [일치 연산자] == 과 ===의 차이 -> console.log(1 === "1") // false를 출력 console.log(1 == "1" // true를 출력 [조건문] if, else if, else --------------------------------- const shoesP..