AI Platform / Web

0. 들어가면서 if문은 조건문이다. if문안에 들어가는 문장이 True이면 실행하고 False이면 실행하지 않는다. hanpy = True if hanpy: print("True라서 실행한다.") else: print("False라 else로 왔다.") # False라 else로 왔다. hanpy를 True라고 정의했기 때문에 if문 안에 있는 print문이 출력되고, else문은 출력이 되지 않는다. 1. 비교연산자 if (조건문): 위의 예시와 같이 if문에는 조건문이 들어간다. 그리고 조건문에는 True와 False 말고 비교연산자가 들어갈 수 있다. 비교연산자의 종류는 다음과 같다. x y x == y x != y x >= y x y # True x < y # False x == ..

0. 들어가면서 python으로 숫자를 올림, 내림, 반올림하는 방법에 대해 알아보자. 여기서 중점적으로 생각해야 할 내용은 음수일 때 올림, 내림, 반올림 되는 기준이 수의 크기인가 아니면 0에 가까운가에 대해 생각하면서 글을 읽자. 1. 올림 math 모듈의 ceil을 사용한다. 이때 양수, 음수 상관 없이 양수쪽으로 올림한다. import math math.ceil(-3.14) # -3 math.ceil(3.14) # 4 2. 내림 math 모듈을 사용한다. 기본적으로 floor함수과 trunc 함수를 사용한다. 둘의 차이는 아래의 예제를 통해 파악하자. floor() 함수는 내림 시 아래로만 향한다. trunc() 함수는 내림 시 0으로 향한다. trunc()는 int()와 같은 결과를 반환한다...

1. helpermethod 자바스크립트에서 helpermethod인 some과 all에 대해 알아보자. 가장 기초적인 예시부터 다양한 예시를 적어보겠다. some과 all의 차이점을 인지하면서 보자. 2. some 리스트의 각 요소 중에 단 하나라도 만족하는 것이 있다면 True 없다면 False가 출력된다. const arr = [10, 20, 30] const isBiggerThan20 = arr.some(num => num > 20) console.log(isBiggerThan20) // true 3. every 리스트의 모든 요소가 조건을 만족하면 true, 아니라면 false를 리턴한다. const arr = [10, 20, 30] const allBiggerThan5 = arr.every(n..

1. helpermethod 자바스크립트에서 helpermethod인 filter와 find에 대해 알아보자. 가장 기초적인 예시부터 다양한 예시를 적어보겠다. 2. filter 리스트 안에서 홀수만 뽑고 싶거나, 만약 todoList를 만들었을 때, 할 일이 끝난 것만 뽑아내고 싶을 때 사용하면 된다. 즉, 특정 조건을 만족하는 것만 모아서 배열을 리턴한다. 일반 사용 const arr = [1, 2, 3, 4, 5] const newArr = arr.filter(num => num % 2) console.log(newArr) 전체를 순회하며 조건을 만족하는 요소를 찾아낸다. 3. find filter와 가장 비슷하지만 가장 큰 차이점은 filter는 배열을 리턴하지만, find는 특정 값(요소)을 리..

1. helpermethod 자바스크립트에서 helpermethod인 forEach에 대해 알아보자. 가장 기초적인 예시부터 다양한 예시를 적어보겠다. 2. forEach forEach의 가장 큰 특징은 리턴 없이 하나씩 돌려주는 것이다. 일반 사용 const fruits = ['apple', 'banana', 'peach', 'blue berry'] fruits.forEach(function(fruit){ console.log(fruit); }) // 과일이 하나씩 출력된다. axios 사용 // return값이 없어서 axios에 유용하게 사용가능하다. const urls = ['https://han...', 'https://python...', 'https://javascript...'] urls...

1. helpermethod 자바스크립트에서 helpermethod인 map에 대해 알아보자. 가장 기초적인 예시부터 다양한 예시를 적어보겠다. 2. map map은 주로 리스트 안의 숫자들을 각각 하나씩 더하거나 곱할 때 사용한다. const arr1 = [1, 2, 3] const newArr1 = arr1.map(num => num + 1) console.log(newArr1) // 위의 코드와 아래의 코드는 같다. const arr1 = [1, 2, 3] const newArr1 = arr1.map(function(num) { return num + 1 }) console.log(newArr1) // [2, 3, 4]

0. 들어가면서 우리는 지금까지 Vue의 기초와 자바스크립트 기초, Vue Cli에 대해 알아봤다. 이제 라우터에 대해 알아볼 것이다. 글을 읽는 대상은 초보자이기 때문에 쉬운 단어를 활용하여 실습 형식으로 이해가 되도록 적어보겠다. 지금까지 배운 Vue Cli에 대해 간단히 요약해 보겠다. Vue CLI의 핵심은 컴포넌트이다. 컴포넌트의 조합이 single page application조합을 만들어 나가는 것이다. 그리고 하나의 컴포넌트는 template script style이라는 3개의 구조로 이루어져 있다. 해당 컴포넌트를 쓰려면 컴포넌트를 만든 후에 App.vue의 import HelloWorld from '@/components/HelloWorld.vue' 위의 부분을 보면 @라는 것을 볼 수..

0. 들어가면서 우리는 지금까지 로컬에서 Vue를 만들어 보았다. Vue cli와 Vue router 관련해서는 클릭해서 알아보자. 지금까지 Vue를 완성했다고 가정하고 들어가 보겠다. 1. Vue Build 하기 우선 서버를 실행하면 다음과 같은 창이 나올 것이다. 보면 최적화하기 위해서는 Build 하라고 나온다. 빌드를 진행하자. $ npm run build 완료가 됐다면 상태창은 다음과 같다. 설치 후에 dist라는 폴더가 생성되었고 폴더 안에는 js 파일 2개와 css 파일 하나가 생성이 됐다. 우리는 지금까지 각각의 파일 안에 style을 만들어 놨다. 그러나 build를 하면 우리가 작성한 모든 자바스크립트 코드, 작성한 라이브러리, 라이브러리가 의존하는 코드를 포함하여 모두가 압축되어 들어..