[WEB_풀스텍] 9

[5주차] Web Application 배포하기!

크으...! 대한민국 대표 Visual Rock Band! History of EVE (roonie.shop) History of EVE 대한민국 대표 Visual Rock 그룹! 응원해주세요! roonie.shop 안녕! 안녕! 드디어 5주짜리 국비지원 강의가 모두 끝이 났어! 쫌 전에는 때뜸 그 결과물을 박아놓고 자랑질 좀 먼저 해본거다. 물론 고수님들 보기에는 새끼! 귀엽노.. 하는 수준이겠지만 그 분들도 날 때부터 '001111110011111100100... (응애! 나 애기 000!)' 이러면서 태어나진 않았을 것 아닌가? 누구에게나 처음은 있는 법이고, 필자는 방금 웹 개발자로서 첫 걸음을 디딘 셈이다. 여태까지는 로컬 호스트, 즉 내 컴퓨터에서만 장난감을 만들어 쪼물딱 거려봤다. 물론 그것..

[Localhost] 나의 버킷리스트!

응? 이건.. 모지? ㅎㅎㅎㅎ 오? 오... 데샷? 마지막으로 장난감 하나를 더 들고 왔다. 목적은 역시나 GET / POST API 프로세스에 익숙해지기 위함이다. 문제는.. HTML 코드만 다를 뿐이지 사실상 똑같은 장난감을 벌써 네 번씩이나 우려먹었다는 것이다. ... 하지만! 이번에는 살짝 느낌이 다를 것이다. 기본적인 틀은 대동소이 하지만 기출문제를 약간 변형 시킨 느낌의 장난감이기 때문이다. 부담 갖지 않고 필자를 차근차근 따라온다면 꽤 재밌는 내용이니까 이번 시간에도 힘내주기 바란다. 그럼... 시~~~~작! 0. Project Setting & Procets 언제나처럼 조감도를 먼저 살펴봐야 하지 않겠는가? 지겹겠지만 비싼 돈 주고 사서 쓰는 편리한 IDE인 만큼 패키지를 빼먹기 쉽다. 이..

[Localhost] 팬명록

이번에는 요런 장난감을 가지고 와봤다. 패턴 자체는 굉장히 익숙할 것이다. POST / GET Server / Client API 바로 요 세 놈에게 익숙해지기 위해 했던 내용 또 하고, 또 하고, 또 하고를 반복했다. HTML만 바뀌었을 뿐이지 서버를 담당하는 Python 파일은 거의.. 아니 사실상 복사+붙여넣기 수준으로 비슷비슷하다. 동일한 기능을 수행하고 있으니까! 그만큼 숙달을 해야 하는 부분이기도 하다. 앞으로 웹 / 앱 프론트를 개발하든.. 서버를 개발하든.. 가장 큰 틀은 여태까지 다룬 내용에서 크게 벗어날 수가 없다. 결국에는 몇몇 공룡 IT에서 독점하고 있는 프레임워크를 가지고 작업할 게 뻔하므로.. 특히 우리는 Flask를 계속해서 다뤄보았다. 그 외에도 Django라는 프레임워크가 ..

[Localhost] 내 인생 최고의 영화!

이런 식으로 돌아가는 또 하나의 에플리케이션을 만들어보려는 것이다. 저번 시간에 다뤘던 '화성 땅 공동구매 ([Localhost] 화성 부동산 공동구매! (tistory.com))' 웹과 거의 유사한 구조로 만들었다. 주 목적은 뭐다? 첫째, GET / POST 기능적 이해 및 숙달 둘째, Server / Client 간 통신 및 API 개념 이해 딱 저 두가지 키 포인트만 머리 속에 집어넣고 가면 된다. 말인 즉슨, API의 개념을 이해하지 못한다면 아주 간단한 웹 페이지 하나 구현할 수 없다는 얘기다. 이미 했던 내용을 또 한 번 다뤄봄으로서 숙달하는 시간을 가져보려는 것이니.. 필자와 함께 차근, 차근 과정을 밟아가도록 하자. 1. POST (CREATE) 가장 먼저 이 기능을 구현해 보려는 것이다..

[Localhost] 화성 부동산 공동구매!

이번 시간에 만들어 볼 장난감이다. 기능 자체는 별 것 없다. 입주자의 이름과 주소, 희망 평수 정도를 등록 (POST)한 다음.. 데이터가 제대로 입력 (INSERT) 되었는지 조회 (GET)까지 해보려는 것이다. 클라이언트 화면 구성에 필요한 템플릿은 인강 측에서 미리 만들어 놓았다. 우리는 실제로 데이터를 CRUD 하기 위한 기능만 슉, 슈슉, 슈슈슉, ㅆ.. 완성 해나가는 것이다. 첫 단추부터 꼼꼼하게 끼워보록 하자. 0. Project Precets 본격적으로 프로젝트를 시작하기에 앞서 필요한 선수과정부터 밟아보도록 하자. 사진으로 한 눈에 보는 게 더 이해가 빠르겠지? 앞으로 플라스크 환경에서 프로젝트를 만들 때는 필자가 알려주는 선수과정을 가급적 외우도록 해라. 모.. 반복하고 숙달하다 보면..

[4주차] Python Framework: Flask

안녕! 안녕! 필자의 진도는 어느새 4주차를 향해 가고 있다. 이것 저것 많이 배운 것 같기도 하고.. 별로 배운 게 없는 것 같기도 하고.. 여러므로 아리송한 시점이라고 할 수 있다. 어쨌거나 그동안 배운 것들을 잠시 점검해볼까? 1주차 ~ 2주차: [HTML / CSS / JavaScript] 를 각각 제작하여 웹의 프론트 단을 구축하였다. 3주차: [Python / MongoDB] 를 활용하여 웹의 서버 단을 대충 만들어보았다. 그렇다면 4주차부터는 뭘 배우는걸까? 그.. 필자는 시작언어가 Java라고 했지? 그 녀석도 똑같이 클라이언트를 제작하고, 3계층 기법을 이용하여 서버단을 구축하였었다. 이때 필자가 의존했던 가장 강력한 우군이 있었는데.. 그놈이 바로 Framework 였다. 자바에서는 S..

[3주차] Python / Web Crawling / MongoDB

안녕! 안녕! 드디어 HTML / CSS / JavaScript를 이용한 프론트 단 꾸미기가 끝이 나고.. 3주차에 들어서는 본격적으로 컴파일 언어를 하나 선택하여 백엔드 서버를 구축하는 과정에 돌입했다. 바로 파이썬을 이용해서! 사실 파이썬은 컴파일러라기보다는.. 인터프리터에 더 가깝다고 한다. 어찌 되었건.. 저급 언어인 Java에서 한 발자국 더 나아가 고급언어인 Python을 처음 접해본 것이다. 보통 저급언어, 혹은 고급언어를 나누는 기준은 특정 언어가 얼마나 진보되었나? 그런 요소로 판가름 하는게 아니다. 저급 언어일수록 컴퓨터에 친화적이고, 고급 언어일수록 개발자에게 더 친화적임을 나타내는 업계 용어다. 그러한 점에서 파이썬은 자바보다 더 고오오오급! 언어라고 할 수 있겠다. 그렇다고는 하나..

[2주차] JavaScript

웹 개발 종합반 (왕초보)... 실제 진도는 이제 1주차지만, 필자는 열심히 들어서 2주차까지 다 땡겼다. 강의 하나 당 길이가 길어야 10분을 넘지 않는데, 하루 들을 수 있는 분량은 8개로 정해져있다? 이건 못참지.. ㅋㅋㅋㅋㅋㅋㅋ 어쨌든 총 2주차에 걸쳐 프론트엔드의 대략적인 내용을 살펴보았다. 클라이언트를 만드는 데 있어 자바랑 별 차이는 안나더라. 그럴 수 밖에.. 백 엔드 서버를 어떤 언어로 구성하느냐에서 차이가 도드라지는 법이니까. 그래서 열심히 진도를 뺐다. 자바와 뭐가 다른지 너무 궁금해서 지루한 프론트 단은 슉. 슈슉. 슈슈슉. 씨.. 하면서 넘어가고 싶었다. 사실 왕초보와 비개발자들을 상대로 종합 코스는 다룰 수 있는 내용이 한정 되어있다. 주차로는 2주차, 영상 길이로는 2시간 정도..

[1주차] HTML / CSS / JavaScript

안녕! 안녕! 이번에 새롭게 듣기 시작한 강의는 나라에서 국비로 지원해주는! 왕초보와! 비전공자들과 함께! 5주동안 달려가는 국비지원 프로젝트다. 이름하여 '웹 개발 종합반 (왕초보)'! 이전까지 나는 Java와 Spring Boot만을 사용하여 코딩을 해왔는데.. 이번 과정은 아무래도 백엔드는 파이썬으로 수업하는 것 같다. 공짜로 듣는 수업이니 어쩔 수 없는 부분이지만.. 아직 자바도 공부해야 할 게 너무 많아 허덕이고 있지만.. 배워놓으면 언젠가 쓸 일이 있지 않겠는가? 아직 백엔드 쪽은 나가지도 않았기에 사실 별 감흥이 없다. 이번 주차에는 웹 페이지에서 공통적으로 구현되는 프론트엔드 기술에 대하여 핀셋처럼 쏙! 쏙! 골라서 공부해보았다. 프론트 역시 개발의 한 분야이기 때문에 한없이 파고들면 끝이..