js5 week2 단어장 만들기 프로젝트 📍 기능 구현 ✅ 게시글 목록 페이지 게시글 목록을 화면에 그리기 (각각 뷰는 카드 뷰로 만들기) ✔️ 게시글 내의 예시는 파란 글씨로 보여주기 ✔️ 게시글 목록을 리덕스에서 관리하기 ✔️ 게시글 목록을 파이어스토어에서 가져오기 ✔️ ✅ 게시글 작성 페이지 게시글 작성에 필요한 input 3개를 ref로 관리하기 ✔️ 작성한 게시글을 리덕스 내 게시글 목록에 추가하기 ✔️ 게시글 목록을 파이어스토어에 저장하기 ✔️ ➕ 추가로 해보면 좋을 기능(필수❌ ) 무한 스크롤 붙이기 게시글 수정해보기 삭제 기능 ✔️ 프로젝트 생성 yarn create react-app 프로젝트명 패키지 yarn add global create-react-app yarn add react-router-dom@5.2.1 yarn ad.. 2022. 3. 31. JavaScript의 ES(ECMA Script)란? JavaScript와 ECMA Script 둘 다 뒤에는 Script라는 키워드가 붙지만, 자바스크립트는 언어이고, ECMA 스크립트는 규격, 표준 즉, 스펙을 말합니다. ECMA Script(ES)? ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말합니다. ECMA스크립트는 자바스크립트를 표준화하기 위해 만들어졌습니다. 자바스크립트를 ECMA(European Computer Manufactures Association)라는 정보와 통신시스템의 비영리 표준 기구에 제출하였고 표준에 대한 작업을 ECMA-262란 이름으로 1996년 11월에 시작해 1997년 6월에 채택되었습니다... 2022. 3. 20. 항해99 S.A - Team.03 <Local michelien> 1. 프로젝트 소개 local Michelin "현지에 사는 현지인이 추천하는 맛집을 소개 해드립니다." 2. 와이어프레임 - main page - Login & Sign-up page & List page - posting page - detail page 3. 개발해야하는 기능들 기능 Method URL request reponse 첫화면(메인 페이지) GET / 로그인 POST /login {'id':login_user_id, 'pw'login_:user_pw} 로그인 성공시 - {'msg':'성공적으로 로그인 되었습니다.'} 로그인 실패시 - {'msg':'아이디/비밀번호가 일치하지 않습니다.'} 회원가입 POST /signup {'id':sp_user_id, 'pw':sp_user_pw} {'m.. 2022. 3. 7. Flask 프레임워크를 활용해서 API 만들어 사용하기 (2) - Mini_Project > 프로젝트 세팅 - flask 폴더 구조 만들기 static, templates 폴더 + app.py 만들기! - 패키지 설치하기 3개 : flask, pymongo, dnspython > 뼈대 준비하기 - app.py 준비하기 from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/mars", methods=["POST"]) def web_mars_post(): sample_receive = request.form['sample_give'] print(sample_receiv.. 2022. 3. 4. HTML 과 CSS 기본 정리. 쉽게 말하면 👉 HTML은 뼈대, CSS는 꾸미기! 를 생각하면된다. HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 적용합니다. 또한 CSS를 잘 사용할 줄 아는 것과, '예쁘게' 만드는 것은 다른 영역이기 때문에(붓을 잡을 줄 아는 것과 그림을 잘 그릴 줄 아는 것의 차이), 많은 경우 웹디자이너나 퍼블리셔에게 의존하게 됩니다. - HTML 기초 HTML은 크게 head와 body로 구성된다. head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head.. 2022. 2. 15. 이전 1 다음
