웹개발 2주차 개발일지

yg lim·2022년 5월 29일
0

웹개발

목록 보기
2/7
  1. 두번째 입장.
    저번주는 홈페이지를 만들고, 꾸미기였다면, 이번주는 홈페이지의 최신화를 배우는 내용이었다. 이것이야말로 실시간, 리얼타임기능을 가능케하여 정보를 빠르게 접할 수 있는 인터넷의 꽃이라고 생각되는 기능인데, 그것을 구현하는 기능은 처음이어서 다소 어려웠다.ㅠㅠ 코드를 쓸때, 여기저기 왔다갔다하는 것이 가장 혼란스러웠다...눈이...돌아감...

  2. jquary
    이는 자바스크립트를 잘 정리해둔 것으로, css의 부트스트랩같은 역할을 함. 이 잘 정리된 코드는 누구나 써야하므로 인터넷에 접근가능하며, 따라서 이 인터넷 주소(<스크립트 src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></스크립트>
    )를 사전에 불러주는 것이 중요함. jquary를 적용하기 위해선 id를 부여해줘야하며, 이는 css에서의 class와 동일한 기능을 함. 또한 실시간으로 사용자와의 상호작용을 통하여 반응해주는 것이므로, 함수를 설정하여 어떠한 변경이 일어날지 미리 설정하고, 그러한 변경이 일어나는 변수를 지정하여 사전에 자리들을 마련해주는 것이 중요함.

  3. ajax
    크롤링을 하기 위해 이 수업을 듣게 된 것이었는데, 사실 홈페이지도 실시간으로 크롤링을 계속 하고 있기 때문에 이 기능을 활용할 수 있는 것이 ajax임. 잘 정돈된 기존의 api주소에서 원하는 정보를 원하는 방식으로 내보여주는 것이 중요하며, 그래서 여기는 반복문과 조건문이 중요함. 또한 새로 불러온 내용을 덧붙일 것인지(.append), 대체할 것인지(.empty~.append, .attr) 등에 따라서 디테일한 설정들이 바뀐다.

  4. 1~2주 종합
    2주간의 수업에서 배운 것은 다음과 같다.

  • 홈페이지 뼈대 만들기 by html
  • 홈페이지 꾸미기 by css, bootstrap
  • 홈페이지 반응하게하기 by javascript, jquary
  • 홈페이지 현행화하기 by AJax

기능은 원하는 바에 따라 무궁무진할 것이나, 일단은 기초기능을 배우고, 응용력은 기획자의 능력에 달려있는 것 같다.

ps. 초심자의 다짐

  • 괄호를 잘 챙기자
  • 잘 복사하자
  • id나 class는 직관적으로 짓자
  • 주석을 잘 쓰자
profile
who want to find sth new!

0개의 댓글