Extrawberry

나는 파이썬도 없는데.. 다들 플라스크 설치부터 하셔서 내가 구축하면서 정리를 해보았다! 1. 파이썬 설치 https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org 위 링크로 들어가 최신버전 파이썬을 다운 받는다. 이때 "Add Python 3.7 to PATH" 옵션 꼭 선택하기 ! 잘 설치 되었으면 cmd창에서 "pip" 입력 시 아래와 같은 결과가 찍힌다. pip 맥 OS일 경우 "pip3"를 사용한다. pip3 2. VScode extension에서 python이랑 flask-snippets 설치 VScode 창을 열고 좌측 상단 extensio..

2021년 여름방학 이화여대 공학교육혁신센터, (주)FTL 주최 디자인씽킹 프로토타입 개발 교육 우수상 수상작 1인 가구에게 상비약 및 기타 의약품을 합배송하는 어플리케이션 '할매약손' - 다소니 팀명 다소니는 '사랑하는 사람'을 의미하는 순우리말로, 어떤 주제를 선정해 어떤 프로토타입을 개발하게 되건 사람들 간의 따뜻한 연결고리를 만들고자하는, 우리 팀이 추구하는 가치를 반영하였다. (내가 지었다 ㅎㅎ) 아무튼 생각지도 못하게 교육 대상자로 선발되면서부터 우당탕탕 어플 개발이 시작되었다. 처음 지원서를 작성했을 때는 전혀 다른 쪽으로의 기획을 진행한 상태였다. 김약통이라는 이름의 스마트 약통이었는데, 노인층에게 스마트약통의 접근성을 높이고 동시에 젊은층에게도 김약통을 사용할 메리트를 줄 수 있게끔하는 ..

Visual Studio Code를 이용하는 노마드코더 클론 코딩 강의에서 니꼬쌤이 추천하는 코드 수정기(?)가 있다. 이름은 Prettier. 이 친구다. Visual Studio Code 좌측에서 블록 네개로 된 아이콘 딱 봐도 앱스토어처럼 생긴 것을 클릭하고 Prettier 라고 검색하면 나온다. 거기서 install 클릭해서 다운 받기. 이걸 적용하려면 두가지 설정이 아래와 같이 되어있어야 한다. (첫번째만 설정만 해서 적용되는 경우도 있고, 두번째 설정까지 해야 적용되는 경우도 있는 듯) 1. 좌측 하단 설정 아이콘 > settings > editor 검색 > format on save 활성화 2. default formatter 검색 > esbenp.prettier-vscode 선택 위 두 가..

HTML: HyperText Markup Language 웹브라우저에게 보여주는 contents와 links의 모음. 아래와 같은 구조다. 내용 //필수, HTML파일임을 나타냄. // 설정부분, 검색엔진을 위해 작성, invisible. // visible. CSS: Cascading Style Sheets HTML의 디자인을 담당하는 것으로, HTML과 함께 사용해야한다. cascading, 즉 위에서 아래의 순서대로 적용이 된다. 코드의 순서가 영향을 미친다는 말! 1) inline으로 HTML내에 작성하기 2) external로 작성하기 - 이 방법을 추천한다 (1번은 html 코드 파일이 너무 길어지기 때문!) CSS파일은 아래와 같은 구조다. selector { attribute: value;..

회원가입에 레파지토리 생성까지는 쉬워서 호로록 했는데 클론 하나로 혹독한 구글링의 과정을 거쳤다... 그렇게 얻어낸 자랑스러운 결과물을 공유하겠음! 깃허브 회원가입, github desktop 다운로드, 레파지토리 및 브랜치가 생성 완료된 상태라는 가정 하에 ... 1. 레파지토리(repository) 클론하는 법! 이건 github desktop에서 쉽게 할 수 있는데, 클론한게 하나도 없는 상태라면 clone repository를 바로 선택할 수 있도록 뜬다. 없다면 file > clone repository 를 이용하면 git 에 올려둔 repository가 모두 뜨기 때문에 아주 쉽고 빠르게 할 수 있음. 다만 여기서 문제점은 이렇게 할 경우 main branch 의 내용만 클론이 된다는 점이다...