bravo my life!

1. Flask Flask 프레임워크는 서버 구동을 위한 편한 코드의 모음이다. 서버를 구성하는 일은 어려운 일이기 때문에, 프레임워크의 사용이 필요하다. 튜터의 말로는 실무에서도 장인정신으로 한 땀 한 땀 밑바닥부터 서버를 만드는 일은 거의 없다고 한다. 그만큼 어렵고 시간이 많이 걸리는 일이기 때문에 프레임워크의 사용이 거의 필수적이라고 한다. 프레임워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격! 프레임워크는 3분 요리/소스세트라고 생각하면 되겠습니다. 2. 폴더, 파일 정리 static 폴더 : html 파일 내의 이미지, js, css 등을 저장할 폴더. templates 폴더 : html 파일을 저장할 폴더. app.py : flask 메인 python 파일. 3. API 만들기 API..

Python을 이용해 back end의 기초적인 부분을 공부할 수 있는 3주차로 구성이 되어 있었고, 실제로 MongoDB를 이용해 데이터의 저장, 추가, 불러오기, 찾기, 바꾸기, 지우기를 할 수 있었다. 1. MongoDB 에러 발생 해결법 어려운 부분은 크게 없었는데 의외의 복병이 있었다. Python에서 MongoDB로 데이터 조작을 위한 실행이 되지 않았다. m1 pro 맥북때문인지, 통신회선의 문제인지는 모르겠으나 스파르타코딩클럽 FAQ에서 문제를 해결할 수 있었다. 해결은 아래와 같다. #mongoDB #-기본코드 from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.내주소.mongodb..

1. JavaScript에서 기억해야 할 것. 변수, 자료형, 함수, 조건문, 반복문 나는 현재 반복문 작성에서 취약함을 보이는 듯 하다. 튜터의 설명으로는 이전에 작업했던 코드를 그대로 붙여넣기하여 작업하는 것을 추천한다고 한다. 이는 곧 편리함과 오타로 인한 오류를 줄여줄 수 있다. ex) 아래와 같은 코드는 학습중에도 많이 봐온 코드이고, 튜터의 설명으로도 실제로 많이 사용되는 코드라고 한다. 다른 반복문 작업을 할 때에는 a_list의 내용만 바꿔서 작업하면 될 것으로 보인다. let a_list = ['사과', '딸기', '배', '감'] for (let i = 0; i < a_list.length; i++) { console.log (a_list[i]) } 2. 간단한 홀수, 짝수 판정 코드 ..

함치성낭 수술에 대해 궁금해 할 분들을 위해, 발견한 지 1년 정도 되었던 질환인 함치성낭에 대한 수술 일지를 게시합니다. ​ 병원에서 최초 발견한 것이 1년인 것이고, 함치성낭 자체는 아마도 꽤 오래 전부터 생겼던 것 같습니다. 발견 당시에도 엑스레이상으로 보면 낭이 꽤 컸으니까요. ​ 점점 상태가 나빠지고 있었는데요. 함치성낭이 있었어도 아프지는 않았던 것이, 점점 통증이 심해졌습니다. 턱을 고이고 있을 때 통증을 처음으로 느꼈었는데요. 아래턱을 누르면 어금니가 빠질 것 같은 통증이 있었습니다. ​ '아 이대로는 안 되겠다. 더 이상 못 참겠다' 바로 동네치과를 갔는데, 대학병원으로 가보라고 하더군요. 전신마취가 필요한 수술이라고 합니다. 너무 무서워서 인터넷에서 함치성낭 자료를 엄청 찾아봤습니다. ..

background-image: (url="..."); background-size: cover 등등; background-position: center 등등; 배경 정렬 display: flex; flex-direction: column 혹은 row; justify-content: center 등등; align-item: center 등등; 요소내 정렬

스파르타코딩클럽 웹개발 강의 결제 전, HTML의 초반을 잠시 복습해 보았다. ​ 1. HTML 요소의 구조. pjm : 속성값 pjm : 내용 : 종료 태그 속성명은 언제나 소문자로 입력할 것. 속성값은 언제나 따옴표로 감쌀 것. 2. HTML TEXT 요소 ㄱ. 제목 표현뿐만 아니라, 검색엔진이 검색할 수 있는 키워드가 된다. 제목 부분은 , 태그의 사용을 지양한다. ㄴ. , : 폰트를 단순하게 굵은 폰트로 표현한다. : 폰트를 굵게 표현하고 중요한 내용이라는 의미를 갖게 한다. 검색엔진은 태그를 사용한 텍스트를 더 중요하게 인식한다. ㄷ. , : 폰트를 단순하게 기울인다. : 폰트를 기울여 표현하고 중요한 내용이라는 의미를 갖게 한다. 검색엔진은 태그를 사용한 텍스트를 더 중요하게 인식한다. ㄹ. ..

3주차부터는 css로 작성한 html을 꾸며보기 시작했다. html만 공부할 때는 해 볼만하다고 느꼈는데, css 시작하고 나서 '아 내가 잘못 생각했구나.'라는 생각이 들었다. ​ html은 구성만 짜는것이라면 굉장히 쉽고 단순했는데, css로 꾸미기 위해서는 생각해 볼 것이 많았다. 예제를 보고 html로 구성하는것은 어떠한 방법으로 어떠한 태그로 어떻게 하던 예제와 비슷하게 만들수가 있다. 그런데 css로 꾸미기 위해서는 적절한 태그나 적절한 구성요소의 선택, 그리고 코드의 순서들이 중요했다. 일례로, css파일을 링크하는 태그도 순서가 중요했는데, style.css, reset.css 이 두가지를 링크할 때 reset.css 를 먼저 코딩해주어야 정상적인 출력물이 나온다. 위의 내용과 같이 res..

패스트캠퍼스에서 듣고 있는 프로그래밍 첫걸음 강의가 2주차에 접어들면서 html로 간단한 웹사이트 만들기가 시작되었다. 2주차가 시작되기 전에는 내가 하던 plc랑 크게 다르지는 않을 것이라는 생각이 있었지만, 달랐다. 많이 달랐다. plc는 위 그림과 같은 환경을 가진 프로그램으로 작업을 하는데, 작업이 직관적이다. 상단의 도구모음에 있는 펑션키 아이콘들이 있고, 이 것들로 프로그램을 작성하게 된다. 예를 들어 f3은 접점회로 추가이고, f5는 회로선 추가인데 직관적인 작업 아이콘들과 직관적으로 보여주는 작업결과로인해 사용하기가 편리한 편이다. 지금 생각해보면 wysiwyg와 비슷한 작업프로그램이라고 생각이 든다. ​ 그런데 위 사진과 같이 vscode는 명령어 도구모음이 없으니, 프로그램을 실행시킨 ..

패스트캠퍼스에서 제공하는 프로그래밍 첫걸음 시작하기 강의를 신청하였다. html, css, java script에 대한 기본개념을 알 수 있는 강의라 소개되어 있었고, 프로그래밍에 생경한 나에게는 적합한 강의라 생각되었다. ​ 본래 하던일은 전기, plc였다. 그 중 plc는 programmable logic control 이라고 하는데 산업자동화를 위해서 사용되는 기기 및 프로그래밍이다. ​ ​ 위 그림과 같은게 plc인데, ladder 형식으로 작성되어 있는 프로그램이다. 나도 프로그래밍을 해보았던 사람으로서 어느정도 자신감 있게 새로운 배움을 시작하였다. ​ 1주차때의 커리큘럼은 그렇게 어렵지 않았다. 프로그래밍을 배워야 하는 이유, 프로그래밍이 대략적으로 어떻게 작성되는지, 그 작성되는것을 승강기..