얼음꽃의 일지

DB를 하기에 앞서 먼저 필요한 프로그램들을 설치 및 준비를 해야합니다. 파이썬 : https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe gitbash : https://git-scm.com/ MongoDB : https://account.mongodb.com/account/register 파이썬은 DB와 Html을 연결하기 위해 사용을 위해 필요하고 gitbash는 나중에 연결을 위해 필요하며 MongoDB는 데이터를 저장할 공간이 있어야 하기때문에 그걸 위해 회원가입을 한다고 생각하시면 됩니다. ( 설치 과정 부분은 유튜브 및 블로그를 참조해주시면 감사하겠습니다. ) 이 부분이 완료가 끝나셨으면 3주차 내용을 배우기 전에 2주차 내용을 한번 ..

배운 내용을 가지고 만든 부분이기 때문에 따로 설명 없이 올려놓겠습니다. 벤(Ban) 팬명록 현재기온: 00.0 닉네임 응원댓글 응원 남기기 새로운 앨범 너무 멋져요! 세균맨 새로운 앨범 너무 멋져요! 호빵맨 새로운 앨범 너무 멋져요! 식빵맨 결과입니다.

JQuery + Ajax 로 합쳐진 문제를 풀기에 앞서 먼저 Ajax를 설명해드리겠습니다. Ajax는 어렵고, 다양한 작업을 웹페이지에 구현하기 위해서 웹페이지와 상호 작용할 수 있도록 하는 기술이라고 보시면 되는데요. 이 Ajax의 형태를 보여드리면 다음과 같습니다. Ajax코드에서 type은 GET, POST방식을 다 받을 수 있는데 지금은 GET만 사용하고 나중에 POST 사용 법을 추가로 작성하겠습니다. url은 요청할 url , data는 요청하면서 함께 줄 데이터 인데 단순히 데이터를 받아오는 경우에는 줄 내용이 없으니 비워두시면 됩니다. 성공적으로 받아오는 경우에 대해서 success에 어떤 방식으로 결과를 나타낼지 코드를 작성해 주면 됩니다. 문제를 통해서 확인 해보도록 하겠습니다. 문제를..

Ajax를 시작하기에 앞서 서버-클라이언트 통신을 먼저 이해해보고자 합니다. 서버 -> 클라이언트 : JSON 과 클라이언트 -> 서버 : GET 요청으로 볼 수 있는데 JSON을 먼저 보여드리면 이런 형태입니다. (참고로 OpenAPI 자체를 올려드릴 수는 없으므로, 공공데이터포털기관에서 API를 가져오는 방법도 존재하니 검색해보시면 좋을거 같습니다. 현재 사진은 배운 수업 자료의 일부분 입니다.) 이 형태를 좀 더 나눠서 보여드리면 다음과 같습니다. 다른 언어들을 포함에서 딕셔너리를 배우셨다면 형태가 많이 익숙하실껍니다. 즉, JSON은 Key:Value로 이루어진 딕셔너리라는 것을 알 수 있습니다. ( 혹시 딕셔너리가 무엇인지 잘 모르시는 분들은 구글링 해서 찾아보시는걸 추천 드립니다. ) 우리가 ..

1주차 영상에서 간단하게 JavaScript를 넣으면서 "$"는 나중에 다시 설명하겠다고 한적이 있습니다. 혹시 어디서 그런 얘기를 했던거지? 하시면 https://iceflower.tistory.com/7 기록하기 버튼과 기록하는 창을 연결하기 앞서.... 기록하기 버튼과 기록하는 창이 무엇인지 모르겠다, 이 글이 처음이다 하시는 분은 https://iceflower.tistory.com/6 부트 스트랩을 추가 이용해보자! 이전 웹페이지에 부트 스트랩을 추가하여 영화가 들 iceflower.tistory.com 이전 게시물 한번 보고 오시는걸 추천드립니다. 이제 함수부분을 설명하면서 $("#post-box").show() $("#post-box").hide() 는 그냥 id를 받아와서 보여주고, 숨겨준..

배운 내용을 가지고 만든 부분이기 때문에 따로 설명 없이 올려놓겠습니다. 벤(Ban) 팬명록 닉네임 응원댓글 응원 남기기 새로운 앨범 너무 멋져요! 세균맨 새로운 앨범 너무 멋져요! 호빵맨 새로운 앨범 너무 멋져요! 식빵맨 결과입니다.

기록하기 버튼과 기록하는 창이 무엇인지 모르겠다, 이 글이 처음이다 하시는 분은 https://iceflower.tistory.com/6 부트 스트랩을 추가 이용해보자! 이전 웹페이지에 부트 스트랩을 추가하여 영화가 들어갈수 있는 세션을 만들려고합니다. https://iceflower.tistory.com/5 폰트, 부트스트랩을 이용한 웹페이지 이번에는 폰트와 부트스트랩을 이용한 웹 iceflower.tistory.com 밑에 글 읽고 오시면 이해하시는데 도움이 됩니다. 연결하기 위해서는 먼저 JavaScript 관련해서 알아야 하는데요. 제 첫번째 글에서 간단히 말씀드렸지만 JavaScript는 움직이는 부분을 묘사하기 위해 사용하는 코드입니다. 즉, 어떤 캐릭터를 움직이거나, 뛰게하거나 할때 Java..

이전 웹페이지에 부트 스트랩을 추가하여 영화가 들어갈수 있는 세션을 만들려고합니다. https://iceflower.tistory.com/5 폰트, 부트스트랩을 이용한 웹페이지 이번에는 폰트와 부트스트랩을 이용한 웹페이지 형태를 보여드리겠습니다. 코드를 보기에 앞서 폰트와 부트 스트랩 사이트 부터 알려드릴려고 합니다. 폰트 : https://fonts.google.com/?subset=korean 부 iceflower.tistory.com 이전 내용이 궁금하시면 위의 링크를 통해 확인해주시면 되겠습니다. 제목에 맞게 이제 영화를 집어넣으려고 하는데요. 영화를 집어넣기 위해서는 그에 맞는 틀이 필요합니다. 사용된 틀의 사이트는 밑에 추가해두었습니다. 부트스트랩 : https://getbootstrap.co..