개발일지/웹개발 3

최종 - AWS로 웹페이지 배포하기 / 회고

1. 최종과제 및 회고 http://sparta-psk.shop/ Very RHCP ! 필수의 첫 공식 웹페이지 sparta-psk.shop 마지막주차 마지막과제인 웹페이지 제작후 aws를 통해 배포를 해보았다. 이제 로컬환경이 아닌 public한 상태로 웹페이지를 계속 오픈시킬 수 있게되었다. (aws 무료기간 한정) 해당 과제 컨셉은 팬명록인데, 내가 좋아하는 밴드 중 하나인 레드 핫 칠리 페퍼스(red hot chili peppers, 줄여서 rhcp) 형님들로 만들었다. 페이지에 사용한 기술들을 정리해보자면.. - html, css, javascript - jquery - python, flask - mongoDB - filezilla - aws (ec2) - ide : Pycharm 이렇게 사용..

2주차 - jQuery, Ajax

1. Javascript와 jQuery, Ajax 개념? 일단 자바스크립트는 웹페이지 개발에 쓰이는 언어다. 그리고 그 자바스크립트 라이브러리 중 하나가 jQuery이며, Ajax는 자바스크립트에서 가능한 작업처리방식이다. 처음엔 Ajax도 라이브러리의 일종인 줄 알았는데 이름에 답이 있었다. Asynchoronous Javascript And XML '비동기 방식'으로 작업이 처리되는 방식을 말한다고 한다. 쉽게말해 한 페이지 내에서 각각의 작업들을 동시다발적으로 처리할 수 있는 방식이다. 반대되는 개념인 '동기 방식'에서는 페이지의 모든 작업들이 동기화되기 때문에 어떤 작업을 처리하려면 '새로고침'처럼, 서버로부터 필요한 데이터를 가져올 때까지 페이지 전체가 대기를 해야한다. 한번에 하나씩 작업들을 ..

1주차 - HTML 기초학습 (+CSS, Bootstrap, Javascript)

드디어 웹개발의 기초이자 기본인 html 언어에 대해 배워보았다. 일단 '웹'이라는 것이 어떤 방식으로 돌아가는지 알기 위해선 클라이언트와 서버에 대한 기본개념이 필요하다! 0. 클라이언트와 서버 네이버를 보자. 상단에 naver.com이라는 주소가 있고, 그 밑으로 각종 로고와 이미지, 텍스트들이 모여있다. 우리(사용자)는 이곳에서 뉴스기사를 보고, 로그인을 하며, 검색어를 입력해 필요한 정보를 찾게 되는데, 이 모든 활동을 하는 곳이 '클라이언트'다. 근데 눈 앞에 보이는 이 모든 자료들은 개개인의 컴퓨터에서 만들어진 게 아니라, 인터넷을 통해 '어딘가'로부터 전달받은 자료(데이터)일 것이다. 이 어딘가가 '서버'다. 예를들어 네이버라는 홈페이지는 고유한 도메인(naver.com)을 통해 볼 수 있으..