미니는 밍기적

이제 로그인 화면을 꾸릴 차례이며, https://codepen.io/ 를 활용할 예정이다 여기서! 테마 설정전에 해당 테마를 상업적으로 사용해도 되는지 알아보아야함 이에 화면 좌측 하단에 위치한 'comments' 버튼을 클릭해서 스크롤을 최하단으로 내리면 'license'칸이 있음 이때 copy 누르고 papago에 돌려보기 -> 활용가능 -> 첫두줄 복사해서 login.ejs(*html), login.css(*css) 코드에 넣어 줄 예정 (최하단에 주석으로) 나는 최대한 ganerate 설계 테마와 비슷한 검+핑 테마를 골랐다 이후 login.ejs 파일의 body 코드 내에 html 코드 전체 붙혀넣으면 된다 css코드는 전체 복사해서 login.css에 붙혀넣어준다 이때! html, css 파..

깃허브 커밋 git add . git commit -m " 커밋 내용 " git push origin master 서버 작동 node ./bin/www.js 일반 서버 종료 컨트롤 c 서버 다른 곳에서 작동 시 종료 lsof -i :4000 (*현재 내가 사용하는 서버가 localhost:4000이라서) kill -9 작동중인 곳 숫자 node ./bin/www.js

브라우저에서 사용자가 입력한 Id , 비밀번호 내역을 백엔드에게 보내주는 통신을 할 것임! 이때 전달할 데이터는 request 라는 데이터고, fetch라는 함수를 통해서 전달을 할 것이며 어떤경로로 전달을 할 것인지 정해줘야함 -> 이러한 경로는 보통 서버 개발자가 설계 프론트는 해당 경로를 요청하고, 해당 경로의 api는 미리 만들어져있어야함 이때 내 파일상 index.js에 해당 api가 만들어져있음 하지만 아직 id, 비번을 받을 api는 아직 정해지지않은 상태 하지만 만들어져있다고 가정하고 데이터를 전달해보는 과정을 구현할 것임 *index.js 이에 /login이라는 경로가 이미 있다고 가정하고 login.js에서 fetch함수를 설계할 예정 -> /Login이라는 경로로 전달 *login.j..

python3 -m venv myenv source myenv/bin/activate pip install jupyter jupyter notebook 또는 python3 -m notebook 또는 /usr/local/bin/python3 -m jupyter notebook

1.먼저 유저가 이메일을 입력합니다. -Email Input의 onChange 이벤트 핸들러에 연결된 함수가 실행됩니다. -함수에서 Email Input의 value를 setId를 통해 업데이트 합니다. 2.유저가 비밀번호를 입력합니다. -Password Input의 onChange 이벤트 핸들러에 연결된 함수가 실행됩니다. -함수 안에서 Password Input의 value를 setPw를 통해 업데이트 합니다. -Button을 클릭하면 onClick 이벤트 핸들러에 연결된 함수가 실행됩니다. 3.함수 안에서 fetch 함수를 통해 server에 요청(Request)을 보냅니다. server에서 인증 / 인가 과정을 거친 후의 결과를 응답(Response)으로 보내 줍니다. 4. 응답의 결과에 따라 M..

해당 api를 호출하면 아래 같은 결과값을 반환함 백엔드는 이 api를 프론트에게 제공 이때! 백엔드는 url(웹 상에서 서비스를 제공하는 각 서버(컴퓨터)들에 있는 자원(파일)의 위치)만 띡하고 넘기는 것이 아니라 api를 어떻게 사용하는지 api 명세서 정리 (post, put, get 등) 프론트는 백엔드가 보낸 api 명세서를 확인한 후 html, css, js 사용하여 일반적인 사용자가 볼 수 있도록 하는 사용자 인터페이스인 ui 개발 1. 예를 들어 원래는 3개의 포켓몬만 있고, 나머지는 유저들이 올리는 것이라고 가정 -> 스펙이 추가되는 웹 화면 그러면 백엔드 개발팀은 포켓몬을 등록할 수 있는 등록 api 개발 [서버측] 그러면 프론트 개발팀은 사용자가 포켓몬을 등록할 수 있도록 백엔드가 개..

우선 글을 들어가기에 앞서, 프론트와 백엔드 간의 통신 [ 로그인 방식 ] [ HTTP 통신 방식 ] 웹에서 데이터 교환 -> FrontEnd에서 ID와 Password를 입력하여 BackEnd로 데이터를 보낼 때, fetch나 axios같은 HTTP 비동기 통신 라이브러리를 사용 서버와 클라이언트가 항상 연결되어 있는 것이 아니라! 클라이언트가 요청(request)을 보내면 순간 연결이 되고, 서버가 응답(response)을 보내면 통신은 종료된다는 것이다. -> 상태를 저장하지 않아 자원 낭비를 방지한다는 장점 1. session 방식 > 서버에서 사용자의 세션 데이터를 저장해서 로그인 기능을 구현하는 방법 프론트와 서버 각각의 역할 [프론트] 프론트 쪽에서 로그인 페이지에서 아이디, 비번을 서버로 ..

재귀 - 10870번 - 피보나치 수열 피보나치 수는 0과 1로 시작한다. 0번째 피보나치 수는 0이고, 1번째 피보나치 수는 1이다. 그 다음 2번째 부터는 바로 앞 두 피보나치 수의 합이 된다. -> Fn = Fn-1 + Fn-2 (n ≥ 2) n이 주어졌을 때, n번째 피보나치 수를 구하는 프로그램을 작성하시오. def f(n): if n == 0 or n == 1: return n else: return f(n-1) + f(n-2) n = int(input()) print(f(n)) 재귀 - 10872번 - 팩토리얼 0보다 크거나 같은 정수 N이 주어진다. 이때, N!을 출력하는 프로그램을 작성하시오. def p(n): if n == 0: return 1 else: return n * p(n-1)..