전체 글
-
항해 99 5기 TIL_3항해 99 2022. 1. 13. 03:11
▶ Today I Learned 너무나 많은 걸 배웠다.. 프로젝트 페이지의 기능과 뼈대를 실현하느라 수 많은 함수와 블로그, 공식문서들을 찾아보아서 잘 기억도 나지 않는다. 아.. 전날 고민해가며 해결하지 못했던 문제를 해결했다. 분명 맞게 썼다고 생각했는데 나는 순간 초반에 let title = postings['title'] alert('title') 을 하려고 했던 것이다.. console이나 alert에는 계속해서 undefined라는 문구만 떴다. 생각해보니 많은 값으로 이루어져 있고 데이터는 리스트 형태로 저장되어 있기에 배열의 특정한 값 만을 지정하지 않고 모두 불러오는 게 불가능했던 것이다..! => (2022.1.16 생각: 이것을 좀 더 명쾌히 설명하자면 postings가 배열 형태로..
-
항해 99 5기 TIL_2항해 99 2022. 1. 12. 01:33
▶ Today I Learned 장점 1) 부트스트랩과 달리 순수 css로 이루어져 있다. 2) 사용법이 부트스트랩보다 훨씬 더 직관적 3) 예쁜 디자인이 많다. 확실히 표현이 부트스트랩에 비해 직관적이었다. 간혹 색깔을 파란색으로 바꾸고 싶으면 class = "is_red"와 같은 식이었다. 앞으로 자주 활용해보아야겠다 ㅎㅎ 알고리즘의 한 종류, 임의의 데이터 값을 받아 고정된 길이로 된 임의의 값으로 변환해줌 JSON으로 된 객체를 이용하여 정보를 안정성있게 전달해주는 웹 표준 토큰, 로그인 시 주로 사용하는 듯 하다. 전송되는 데이터를 나타낼 때 주로 쓰는 표현 예전에 드림코딩 엘리님의 Git강의를 들은 적이 있어 커밋까지는 할 수 있었으나 한동안 사용하지 않아서 간만에 사용하려니 힘이 들긴했다. ..
-
항해 99 5기 TIL_1항해 99 2022. 1. 11. 02:00
▶ Today I Learned 간단한 OT 후 미니 프로젝트 진행 1일차, 프로젝트 사이트 중 '메인페이지' 담당 로고 클릭 시 메인 홈으로 이동 : 홈으로 이동 로고 로그인한 사용자 표시 :미구현 로그인/로그아웃 표시 버튼(로그인 상태면 로그아웃으로 표시되며 로그아웃 후 메인페이지로 이동, 아니라면 로그인으로 표시되며 로그인 페이지로 이동) :미구현 검색창 및 버튼 (입력 후 일치하는 결과가 있다면 게시글 사이트로 이동, 검색어와 일치하는 단어가 있는 제목의 게시글 모두 표시) : 검색버튼 클릭 시 함수 발동 함수 findingResult() function findingResult () { if (로그인 했을 시) { location.href = "게시글 페이지" $('#searching_word'..
-
항해 99 - 웹개발 종합반 - WIL - 5항해 99 2022. 1. 5. 05:10
1. 배운 내용 Flask 프레임워크를 활용해서 API를 만들 수 있다. 프로젝트를 완성한다! EC2에 내 프로젝트를 올리고, 자랑한다! 2. 수강 후기 드디어 실제로 홈페이지를 배포해보는 경험을 하였다! 지난 주까지는 프론트와 백을 왔다갔다하며 서로 어떻게 구성하고 연결하는지 였다면, 이번주는 그것을 기반으로 서버와 도메인을 구매하고 배포해보는 경험을 하게 되었다. 가비아라는 기업을 이름만 들어 알고 있었는데 그곳에서 도메인을 구매해보았으며, 서버는 많이들 사용하는 AWS의 EC2를 사용하게 되었다. (EC2에 대해서 구글링해보니 아마존에서 제공해주는 서버, 가상 컴퓨터 프로그램 정도로 이해하면 된다는 내용들이 있었다. ) 사실 해당 인프라시스템들을 이루는 구성요소가 어떻게 되는지, HTTP와 같은 ..
-
항해 99 - 웹개발 종합반 - WIL - 4항해 99 2022. 1. 5. 01:44
1. 배운 내용 Flask 프레임워크를 활용해서 API를 만들 수 있다. 예제 API를 만들고 클라이언트와 연결한다. Flask: 서버를 돌아가게 해주는 프레임워크 app.py: 파이썬에서 통상적으로 서버를 돌아가게 만드는 프로그램 이름 static: css나 이미지 파일을 담아줄 때 사용 templates: html 파일 담아두는 곳 cf) API - 서버가 클라이언트의 요청을 받기 위해 만들어놓은 창구같은 느낌! (은행창구처럼) 2. 수강 후기 지난 주에 이어 Server side, 백엔드 부분을 더욱 다루었다. GET과 POST 방식을 통해 서로 이어주는 연습을 좀 더 해볼 수 있었기에 프론트와 백이 서로 어떻게 상호작용 하는지 간략히나마 알게되었다. 여전히 연습과 개념공부가 필요하지만 직접해보며..
-
항해 99 - 웹개발 종합반 - WIL - 3항해 99 2022. 1. 4. 15:47
1. 배운 내용 파이썬 기초 문법을 안다. 원하는 페이지를 크롤링 할 수 있다. pymongo를 통해 mongoDB를 제어할 수 있다. 2. 수강 후기 파이썬, Mongo DB, 스크래핑, 크롤링이 무엇인지 간단히 알아보고 사용해보았다. 끝에 가서는 음악 사이트의 순위나 곡명 같은 것들을 스크래핑 해보았는데 재미있었다. 파이썬은 기본적으로 직관적인 언어였고 현실에서 쓰는 문장에 가까웠다. 하지만 조건문에서 중괄호로 실행할 내용을 구분하지 않고 하단의 indented된 단락이면 자동으로 종속 된다는 점, 컴파일러 방식이 아닌 인터프리터 방식이라는 점이 낯설게 느껴지긴 했다. + 스크래핑을 할 때 아래와 같이 강의 예시코드와 내가 직접 짠 코드가 달랐더 것이 기억에 남는다. #예시 코드 rank = tr...
-
항해 99 - 웹개발 종합반 - WIL - 2항해 99 2022. 1. 3. 01:44
1. 배운 내용 1) Javascript 문법에 익숙해진다. 2) jQuery로 간단한 HTML을 조작할 수 있다. 3) Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 배운 것을 가볍게 정리하자면 JQuery: Javascript의 라이브러리, 즉 함수 모음 특정한 기능을 일일히 Javascript 코드로 짜면 매우 비효율적일 것이다. 그래서 전문가들이 필요한 기능을 구현해놓고 그것을 모아놓은 것이 JQuery이다. JQuery를 특정 페이지에서 쓰기 위해선 해당 페이지에 JQuery를 import 해야한다. Ajax: (지금까지 배운 것을 기준으로 하자면) Javascript로 클라이언트와 서버가 통신할 수 있도록 해주는 라이브러리 Ajax역시 jQuery를 임포트한 페이지에서만 동..
-
항해 99 - 웹개발 종합반 - WIL - 1항해 99 2022. 1. 2. 00:55
1. 배운 내용 1) 서버와 클라이언트의 역할에 대해 이해한다. 2) HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! 3) Javascript 기초 문법을 익힌다. 2. 수강 후기 정말 딱 위에 언급된 내용들을 배웠다. 덕분에 이제는 웹페이지가 어떤 식으로 작동하는 지, css와 javascript는 어떻게 연동하는지, 쓸모있는 css코드를 부트스트랩에서 어떻게 가져오는 지 등을 알게되었다. 눈으로만 보던 것을 이렇게 이해하고 나니 신기하고 재밌었다! 하지만 1주차 마무리 과제를 할 땐 단순히 재미를 넘어 많은 것을 느끼게 되었다. 강의에서 배운 내용을 응용하여 해당 페이지를 만들었다. 바로 해설강의를 들으며 따라할 수도 있었지만 시간이 오래걸리더라도 스스로 고민하는 과정이..