아이스베어의 개발 일기

주피터 노트북에서 파이썬 예제를 돌려볼 것이다.

1. 구구단(2단~9단)

for i in range(2,10):
    for j in range(1,10):
        print('{}*{}={:2d}'.format(i,j,i*j),end = ' ')
    print('\n')

2. 2부터 100까지 소수 구하기

primes=[]
for n in range(2,10):
    #일단 n을 소수라고 두자
    is_prime = True
    for num in range(2,n): #2~(n-1) 사이의 수 num에 대하여
        if n%num==0: #이 수중 n의 약수가 있으면
            is_prime = False

    if is_prime:
        primes.append(n)
print(primes) # 주피터 노트북에서는 print를 안쓴다.

3. while문으로 누적합 구하기

result = int(input('누적할 숫자를 입력하세요'))
i=1
sum=0
while i<=result:
    sum += i
    i=i+1
    print('i={}, sum={}'.format(i,sum))

factorial을 파이썬으로 구현해 볼것이다.

n= int(input('수를 입력하세요 : '))
fact =1
for i in range(1,n+1):
    fact = fact*i
print('{}! = {}'.format(n,fact))

위 코드를 응용하여 함수로 만들어 볼 것이다.

def fac(n):
    fact =1
    for i in range(1,n+1):
        fact = fact*i
    return fact
n = int(input('수를 입력하세요 : '))
result = fac(n)
print('{}! = {}'.format(n,result))

function.py 에 입력한 코드이다.

이번엔 함수와 함수에 list를 응용할 것이다.

def a(i):
    print(i);

a(7); # 함수 호출
a([1,2,3,4,5]); #리스트

입력한 변수의 값까지 총합을 구하기

def sum(n):
    s = 0
    for i in range(1,n+1):
        s += i
    return s
print(sum(10))

list를 이용하여 list 안의 값들의 총합을 구하기

list = [1,2,3,4,5,11,20]
def sum(list):
  sum = 0
  for n in list:
    sum = sum + n
  return sum
print(sum(list))

for.py에 저장한 코드이다.

이번에는 for문을 사용할 것이다.

for _ in range(2):
    print('여러분 안녕하세요?')

for i in range(3):
    print('hi 여러분 안녕하세요?',i)

for i in range(7):
    if i%5==0 :
        print(i)
    else:
        print('5의 배수가 아닙니다.')

list 이용해보기

z = list(range(0,5,2)); #list(배열)로 만들어주는 함수 0부터 5까지 2씩증가
print(z)

#-2부터 -10까지 2씩 감소해서 출력
for i in range(-2,-10,-2):
    print(i)

#문제 range와 for in을 이용하여 1~10까지의 총합을 구하기

sum=0
for i in range(1,11):
    sum += i
    print('i={},s={}'.format(i,sum)); #print(sum)

1.py 라는 파일 안에 작성한 코드이다.

파이썬은 다른 언어들과 다르게 ; 없어도 잘 동작이 된다.  있어도 된다!

그리고 변수의 자료형이 없다!

파이썬 실행 단축기는 ctrl+shift+F10 이다.

print('사랑')

a=7 # 변수 a에 7을 대입하라
print(a)

b=[1,2,3,4,5]
print(b[0])
print(b[:3]); #slicing

if문을 사용해 보자!

score = int(input('점수를 입력하세요'))
if score >= 90:
    grade='A'
if score < 90 and score >= 80:
    grade ='B'
if score < 80 and score >= 70:
    grade ='C'
if score < 70 and score >= 680:
    grade ='D'
if score <60:
    grade='F'
print('당신의 등급은 '+ grade)

score = int(input('점수를 입력하세요'))
if score >= 90:
    grade='A'
elif score >= 80:
    grade ='B'
elif score >= 70:
    grade ='C'
elif score >= 680:
    grade ='D'
if score <60:
    grade='F'
print('당신의 등급은 '+ grade)

 if문에서 elif 코드를 이용했다. 결과는 같게 나온다 .

1탄에 이어서 하는 것이다!

Say.js  파일을 만들어 준다.

Say.js

import React, {useState} from 'react'

const Say = () => {
    //hook
    const[message, setMessage] = useState('')
    const [color, setColor] = useState('black')
    const onClickEnter = () => setMessage('안녕하세요')
    const onClickLeave = () => setMessage('안녕히가세요')
    return (
    <div>
        <button onClick={onClickEnter}> 입장 </button>
        <button onClick={onClickLeave}> 퇴장 </button>
        <h1 style={{color}}>{message}</h1>
        <button style={{color:'green'}} onClick={() => setColor('green')}>초록색</button>
        <button style={{color:'blue'}} onClick={() => setColor('blue')}>파란색</button>
    </div>
    )
}

export default  Say

App.js 파일에 아래의 내용을 추가한다.

App.js

import './App.css';
import Say from './Say';

function App() {
  let a = '홍길동'
  let arr = [1, 2, 3, 4, 5]
  let str = ''
  let result ='홍말자'
  {
    result = str && '홍길동'
    str ='5'
    result = str && '홍길동'
    console.log("여기값은 "+result) //홍길동
  }
  return (
  <>
    안녕하세요? {a} 님 {arr.map(i=> i*5+' ')}
    <Say />

  </>
  //jsx에서 반복문과 if문 사용불가
  //short circuit 또는 3항 연산자
  )
}

export default App

localhost:3000 화면에 위 사진처럼 뜬다.

아래의 버튼을 누르면 글씨 색도 변환다는 것을 확인할 수 있다!

1. Visual Studio Code에 내가 실행할 파일을 만들어 띄운다.

나는 로컬디스크 C에 nodeEx 라는 파일을 생성했다.

2. Visual Studio Code에 터미널을 열어 아래의 사진처럼 코드를 입력한다.

파일이 생성된다!

여기에

cd first
npm run start

cd first를 입력한 후 npm run start 하면 리액트 앱이 생성된다.

terminal에 서버가 돌아간다고 뜨고 

완료가 되면 이 글씨와 함께 크롬창에 http://localhost:3000/ 로 뜬다!

SpringBoot에서는 한글이 안먹어서 난감할 때가 있다.

could not execute statement foreign key...

이전 글에서도 언급했듯이 foreign key가 있을 때는 기존에 쓰던 방법이 안먹혀서 이 방법을 써야한다!

foreign key 이름을 보기 위해서 밑에 코드를 실행하고

select * from information_schema.table_constraints;

적용하면 된다.

ALTER TABLE (테이블 이름)
	DROP FOREIGN KEY (나의 foreign key 이름);
ALTER TABLE (테이블 이름) CONVERT TO CHARACTER SET utf8;

이 방법을 쓰면 한글이 잘 먹힌다.

[ 실행화면 ]

https://getbootstrap.com/docs/4.4/components/modal/

가져와서 붙이면 된다!

       <div class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">모달 제목</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>검색하시겠습니까?</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">아니요</button>
                        <button type="button" class="btn btn-primary">네</button>
                    </div>
                </div>
            </div>
        </div>

위 코드를 응용해서 아래처럼 만들었다!

SpringBoot 에서 한글이 안 먹을 때

SprintBoot 내에 있는 console 창 또는 MySQL에서 이 코드를 실행시키면 된다.

ALTER DATABASE (테이블 이름) DEFAULT CHARACTER SET utf8 ;

하지만 foreign key가 있는 테이블에는 먹히지 않는데 되도록 그전에 이 코드를 실행시키자!