개발 연습 블로그

날짜가 지나서 쓰는 것이지만 상관없겠지. 기록 시작한다. 오전 : 휴식, 어제 말한 if문 넣어서 for문 보완하기 특이사항 어젯밤엔 분명 꽤나 있을 법한 오류를 미리 찾았다고 생각했다. 그때 생각했던 문제는 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 @app.route("/bucket/delete", methods=["POST"]) def bucket_delete(): num_receive = request.form["num_give"] db.bucket.delete_one({'num': int(num_receive)}) buckets_list = list(db.bucket.find()) a = 0; for i in buckets_list: a += 1 rows = i['num']..

오전 : 5주차 웹 종합 개발 일지 복습 특이사항 일전에 겪었던 서버문제를 다시 겪어보기 위해 기억에 따라 행동해보았지만 정상작동함. 계정 관련 문제였기에 다시 반복해보기도 어려울거라 생각했기에 굳이 재시도는 하지 않음. 하지만 계정에 '관련'해서 어떤 문제가 있었는지 정확한 파악을 못한 것은 아쉽다. 오후 : 오전에 복습한 내용을 숙지하며 일지 작성, 시험대비 족보가 공지에 올라와 확인함. 특이사항 시험대비 족보는 4주차에 봤던 스파르타피디아에 삭제버튼을 추가하는 것으로 나옴. 문제 난이도는 이 수준에서 드라마틱하게 달라질 것 같지는 않아보임. 저녁 : 리액트 관련 영상 일부 시청, 시험대비 족보 선행해보기 특이사항 리액트 관련 영상으로 노마드 코더의 니꼴라스 강사의 영상을 시청했으나, 해당 강의에서는..

AWS 서버 AWS EC2 서버를 구매하면 SSH를 통해 접속할 수 있다. 하지만 윈도우에서는 git bash를 이용해 접근해야한다. ssh -i 생성된키페어값 ubuntu@AWS+내 IP 를 입력하여 접속할 수 있다. 쉘 명령어는 ls: 현재 위치에서 접근 가능한 파일 출력 cd ### : 해당 위치로 현재 위치를 변경 cd .. : 상위 폴더로 현재 위치를 변경 pwd : 현재 위치까지의 경로를 출력 을 써봤는데, 강의에서는 sparta 폴더 밑에 바로 api를 만들어서 접근을 한 번만 해도 되었지만 나는 그 안에 주차별로 폴더를 따로 만들었기에 cd ###를 더 사용했어야 했다. 처음엔 이 개념을 제대로 이해하지 못해 조금 헷갈렸지만 ls로 현재 위치를 확인, cd .. 로 잘못된 경로에서 빠져나와..

Flask API 서버를 만드는데 쓰이는 Flask는 코드가 단순하다는 장점을 가지고 있다. 사용하기 위해선 우선 Flask 패키지를 설치한 다음 진행한다. Flask의 시작 코드는 아래와 같다. 1 2 3 4 5 6 7 8 9 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) cs @app.route('/')를 수정하여 URL을 나눌 수 있다. Flask를 활용하는 API에는 이미지, CSS를 포함하는 static 폴더, html파일을 넣어두는 templates ..

파이썬 파이썬은 프로그래밍 언어의 하나로, 여기선 HTML로 할 수 없는 작업을 수행하기 위한 로직이다. C#하고 문법이 달라서 적응하는데 꽤나 고생할 것 같은데, 게임 독학을 하면서 if, for, switch, while말고는 거의 쓸 일이 없던 것이 생각난다. 아는 만큼 보이고 쓴다지만, 콜백이니뭐니 프로그램 로직을 구상할 바엔 그냥 컴퓨터 성능이나 믿고 List 좌아아아악~ if 5번 이상 반복이면 어떻게든 for문 만들어 우와아아악~하고 땜빵하게 되는데 어쩔 수 있나 ㅋㅋㅋㅋ....하지만 이젠 기술적으로 좀 더 전문적으로 가게 될 테니 콜백함수 같은 것도 제대로 익혀둬야겠다고 생각이 든다. 적다보니 소감으로 가야할 것이 여기로 온 것 같은데, 말하고 싶은 건 C#독학하던 사람한텐 파이썬이 꽤 낯..

JQuery와 Ajax JQuery HTML요소를 자바스크립트로 조작하기 쉽게 만들어둔 라이브러리 기능이다. 1 cs 우선 임포트 과정을 거친 다음에야 쓸 수 있다. 표기는 아래처럼 $().기능명();으로 작동한다. 아래 코드는 대상ID를 보여주는 기능으로 가리는 기능은 hide();로 사용하면된다. 1 $('#대상ID').show(); cs 모든 JQuery를 외울 필요는 없지만 일부 자주 쓰이는 기능은 미리 메모해두는 것이 좋지 싶다. 나중에 시간이 날 때 마다 따로 기록을 해둬야겠다. Ajax Ajax는 자바스크립트를 이용한 정보 교환 기법으로 여기서는 서버와의 정보 교환 용도로 쓰인다. 1 2 3 4 5 6 7 8 $.ajax({ type: "GET"(혹은 "SET"), url: "URL", da..

HTML과 CSS의 기초 HTML HTML은 헤드와 바디로 구분되어 있다. 헤드 안에는 페이지의 속성 정보(스크립트 따위)가, 바디 안에는 내용이 담긴다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 HTML 연습 구역을 나누는 디비전 문단을 나누는 파라그래프 목록을 만드는 ul 순서가 필요없는 목록들 소제목을 나타내는데, 1~6까지 있으며 중요도에 따라 할당 가능. 이렇게. 저렇게.. 수평 가로선을 만드는 hr a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버트으으은 textarea 태그입니다: 텍스트 에리어 Color..

간단한 OT와 팀 배분이 이뤄진 다음 노션으로 일정 정리를 진행했다. 여기서 문제가 발생한 것이, 팀원들 중 전부 노션을 해본 적이 없거나 너무 오래되어 보드를 복사-붙여넣기를 진행하는 방법에 대해 모른다는 것이었다. 필요한 것은 샘플로 제공된 타임라인 보드를 단순한 링크 복사가 아니라 같은 형식을 가진 별개의 보드로 복사하는 것이었고, 컨트롤 CV가 안되는 상황에 복사해도 링크 복사로만 이뤄진 것에 팀원들은 난색을 표했다. 여기서 구글링으로 노션 공식 영상을 보거나 다른 블로그를 찾아봤지만, 딱히 도움되는 정보는 없었다. 지금와서 분석하기로는 구글링할 때 키워드를 좀 더 상세하게 하지 않아 생긴 문제가 아닌가 싶다. 결국 매니저님이 와서 설명해준 다음에야 진행할 수 있었다. 개별 보드의 링크를 복사하는..

항해99가 곧 시작이다. 그 전에 웹 개발 종합반 강의를 전부 듣고 시험을 준비하라고 공지가 오긴 했는데, 일단 1회독은 했고 2회는 여기에 간단하게 요약을 남겨놓는 방식으로 가는 것이 좋을 것 같다. 그러면 이제 남는 것이 무엇을 요약하냐인데... 흠... 개념같은 경우는 그렇게 상세하게 적혀있지도 않았고, 필요한 건 실무쪽 지식이니 쓸만한 코드들을 요약해 적어놓는 것으로 대신해야겠다. 프로젝트 진행 도중에 써먹을 것 같아보이는 것들이 많던데 이를 제 때 써먹기 위해선 여기다 쓰는 것도 방법이지 싶다.