Computer Science/BackEnd 57

프로그램 소개 사이트 개발 #1 | 웹 개발에 대한 이해, 기획

목차 0. 프로젝트 목표 1. 준비 단계 2. 기획 0. 프로젝트 목표 이번 프로젝트에서 이루고 싶은 가장 큰 목표는 전반적으로 Flow를 이해하는 것이다. ✅ 웹 개발의 FLOW 이해하기 기본적인 단계는 기획 > 디자인 > 기능 구현 > 배포라고 한다. ✅ 웹이 동작하는 FLOW 이해하기 화면을 예쁘게 구성하는 프론트엔드에 집중하기보다는 컴퓨터가 전반적으로 어떻게 돌아가는지 이해하고 싶다. 지금은 무엇이 있는지 구성 요소 정도만 그려보았다. ✅ 웹 사이트의 FLOW 이해하기 그래서 웹사이트에 찾아온 사용자가 경험하는 flow는 어떻게 구현할까? 사용자의 기록은 어떻게 DB에 저장하고, 필요한 경우 갖다 쓸까? 이런 부분도 UML로 그리고 하나씩 구현하고 싶다 :) 준비 단계 ✅ 깃허브 리포지토리 만들기..

웹 개발 로드맵

하고 싶은 것 : 스누로 홈페이지 클론 코딩 https://www.google.com/amp/s/www.codingworldnews.com/news/articleViewAmp.html%3fidxno=4342 [개발자를 위한 프로젝트 A to Z] 풀 스택 개발 프로젝트, 어떤 순서로 해야 할까? (1/2) - 코딩월드 웹 사이트 개발은 어떻게 진행될까? 웹 사이트 개발 프로젝트는 \'코딩\'으로 시작하지 않으며, 사이트 구축이 완료되었다고 끝나지 않는다. 개발자는 코드를 잘 쓰는 것만 중요한 것이 아니라, www.codingworldnews.com http://plandas.kr/ui-ux-design/uxui-5/ 웹사이트 구축과정의 이해 Epilogue 웹사이트를 만드는 과정은 다양한 프로젝트에 따라..

Django 네비게이션 기능, 게시판 페이징 기능, 템플릿 필터, 답변 개수 표시 (Do it! 점프 투 장고 3장)

tomatoWorld 홈버튼과 우측 상단에 메뉴 버튼이 생겼다. 반응형 웹 : 큰 창으로 확인하면, log-in 버튼을 볼 수 있다. 메뉴 버튼이 반응하려면, 부트스트랩 자바스크립트 파일, 제이쿼리 파일이 필요하다. * 제이쿼리 : 자바스크립트 라이브러리 JavaScript가 뭔가요? - Web 개발 학습하기 | MDN (mozilla.org) 코딩의 시작, TCP School HTML : 웹 컨텐츠의 구조와 의미를 정의하고 부여함. 마크업 언어. CSS : Cascading Style Sheets 배경색, 폰트 등 레이아웃을 지정하여 HTML 컨텐츠를 꾸며주는 스타일 규칙 언어. JavaScript : 동적인 부분을 담당하는 스크립트 언어 tomatoWorld log-in {%block content%..

[7.5] Do it! 점프 투 장고

1장 어떤 사이트를 만들면 좋을까? C:\projects\repos 경로 설치까지 다시 확인함 ㅠㅠ cd \ cd venvs cd repos cd Scripts activate하면 가상환경 활성화 완료된다. 한글로 바꿈. 2장 - 장고의 기본 요소 익히기 1. 주소와 화면을 연결하는 URL과 뷰 파이보를 만들었다. 참고 사진들 오후 공부 02-2 데이터를 관리하는 모델 - 장고는 모델로 데이터를 관리한다. - sqlite3 ? 파일 기반의 작은 데이터베이스 (초기 개발 단계에 이용함) - 장고는 테이블 작업을 위한 쿼리문을 알아서 수행한다. object relational mapping 덕분 - 모델 만들기 : 모델 속성 구상하기 : pybo/models.py에 질문 모델 작성하기 : pybo/model..

[6.27] 웹 개발이란? with MDN Web Docs

음음. https://steemit.com/kr-dev/@jongsiksong/3kfymb 입문자를 위한 웹/모바일 개발 개념잡기 — Steemit 요즘 프로그래밍을 배우고자 하시는 분들이 많은 것 같습니다. 웹/모바일 개발의 경우 기술적인 난이도가 높지는 않습니다. 다만, 알아야 할 것이 방대하고 넓습니다. 그래서 입문 하시는 분들 steemit.com https://hackernoon.com/important-concepts-that-you-have-to-understand-to-become-a-web-developer-for-beginners-lj202gan Web Development for Beginners - Key Concepts, Roles and Tools | Hacker Noon Bec..

[6.26] 장고 예제 맛보기 Django 튜토리얼

전체 목차 웹 애플리케이션의 골격을 만들기 위해 장고 도구 사용하기 개발 서버 시작하기와 끝내기 애플리케이션 데이터의 틀이 되는 모델 생성하기 데이터를 입력하기 위해서 장고 관리자(admin) 사이트 사용하기 여러가지 요청에 따른 특정 데이터를 가져오는 뷰(view)와 브라우저상에서 이 데이타를 볼수 있도록 HTML로 렌더링하는 템플릿을 생성하기 여러가지 URL 패턴과 특정한 뷰를 연결하는 맵퍼(mappers) 만들기 사이트 동작과 접속을 통제하기 위한 유저 인증(authorization) & 세션 추가하기 폼으로 작업하기 앱을 테스트할 코드 작성하기 장고의 보안도구를 효과적으로 사용하기 애플리케이션을 운영환경에 배포하기 출처 : 장고 튜토리얼 강좌 2 : 뼈대 사이트 만들기 - Web 개발 학습하기 |..

[6.23] Django 설치 및 visual studio 2019 개발 환경 구축 - 참고 페이지

https://www.youtube.com/watch?v=0gcBL7J2sBU https://docs.djangoproject.com/ko/3.2/howto/windows/ https://developer.mozilla.org/ko/docs/Learn/Server-side/Django/development_environment https://m.blog.naver.com/wideeyed/221837368919 윈도우즈에 Django 설치하기 | Django 문서 | Django Django The web framework for perfectionists with deadlines. Overview Download Documentation News Community Code Issues About ♥ D..