로운's 기술노트

공부혜윰 항해 99에 참여하게 되면 Spring, Node,js, React를 선택하게 된다. 주특기 공부를 하면서 공유하고 싶고 도움될만한 책이나 강의 등을 링크를 통해 공유할 수 있게 한다. 주특기 뿐만아니라 cs, 꿀팁, AI 등 다양한 공부거리와 배경지식을 링크를 통해 공유할 수 있다.

ㅇ 프로젝트명 : 공부혜윰 ㅇ 프로젝트 소개 1. 단어 그대로 '공부하자'라는 기본의미 2. '공부'와 생각을 의미하는 순우리말 '혜윰'의 합성어 ㅇ 와이어프레임 - 유저들이 유튜브 영상에 리뷰를 달아 업로드 및 조회할 수 있습니다. - 원하는 카테고리별로 조회 또는 검색 할 수 있습니다. - 선택한 영상에 '좋아요' 기능이 가능합니다. - 자신의 계정을 확인 할 수 있습니다. - 자신이 좋아요했던 영상을 모아 볼 수 있습니다. ㅇ 개발해야하는 기능 기능 method url request response 회원가입 POST /sign_up/save {username_give :username, password_give :password,} {”username”’ :username, “password” :p..

ㅇ사전설치 1. filezilla : open the site manager > new site : 이름 설정 > protocol : sftp > host : ec2의 퍼블릭 ipv4주소 > port : 22 > logon type : key file > user : ubuntu > key file : 키 파일 위치 > connect > ok ㅇ robo 3t : create > name : 설정 > adress : 구매한 퍼블릭 IPv4 주소 > authentication > perform 체크 > user name / password : 설정 > test > save > connect ※ id/pw 바꾸기 : python app.py 內, client = MongoClient('mongodb://아이..

통상적으로 서버를 돌리는 파일 이름을 'app.py'로 명명 prac > static : css나 이미지파일을 담을 때 사용 > templates : html파일을 담을 때 사용 ㅁ flask 시작하기 (대표적인 2가지 방식 익히기) 1. get방식 : 데이터 조회를 요청할 때 사용 ㅇ get요청 api코드 @app.route('/test', methods=['GET']) def test_get(): title_receive = request.args.get('title_give') print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 GET!'}) ㅇ get요청확인 ajax코드(크롬 개발자도구) $.ajax({ type: "GET..

파이썬: 자바스크립트보다 좀더 직관적 (중괄호'{}'대신 함수의 위치로 판단) # 변수, 자료형, 함수, 조건문, 반복문 ㅇ변수 : 숫자와 숫자, 문자와 문자는 합산 가능(문자와 숫자의 합이 필요할 경우, 숫자를 문자화 필요 ex. num=str(2)) 1. 숫자 + 숫자 a = 2 b = 3 print(a+b) = 5 2. 문자 + 문자 a = kanguk b = lee print(a+b) = kanguklee 3. 문자 + 숫자(문자화해야만 가능) a = kanguk b = str(2) print(a+b) = kanguk2 ㅇ 자료형 (자바스크립트와 거의 유사) 1. 리스트 a_list = ['사과', '배', '감'] a_list.append('수박') print(a_list) = ['사과', '배..

ㅇ jQuery란? : 미리 작성된 자바스크립트 코드([유사] 남이짜둔 css는 '부트스트랩') ㄴ 임포트 : 미리 작성된 자바스크립트 코드를 가져오는 것 * 제이쿼리 임포트(부트스트랩 템플릿이 아닌경우는 필히 진행) 1. URL(구글 CDN) : https://www.w3schools.com/jquery/jquery_get_started.asp 2. 복사(head 내 붙이기) : " target="_blank" rel="noopener">https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> `` >> 빽틱('~'를 쉬프트없이 클릭), 'temp_html'을 적용할때 사용 $(대상) append(내용) $('#id값').val('변경할 값..

ㅇ 개발일지란? : 이번 주에 내가 배운 것을 글로 기록 (Weekly I learned) ㅇ 장점 - 배운 것을 다시 정리하며 복습할 수 있다. - 나의 생생한 감정과 고민들을 남길 수 있다. - 자기 PR로 활용할 수 있다(포트폴리오 등) [정의] ㅇ 브라우저의 역할 : 서버에게 요청하고, 결과물을 받아 요청한다. ㅇ HTML : 뼈대 ㅇ CSS : 꾸미는 것 (폰트사이즈, 색상 등) ㅇ JS(자바스크립트) : 움직이는 것(클릭하면 이동) ㅇ html+css+js > '제이슨' 형식(꾸며지기 전, 수식만 있는 상태) html은 head와 body로 나뉜다. 먼저, head는 페이지명, 이미지 등 body를 제외한 모든 것을 설정할 수 있다. body는 페이지에 접속했을때 나타나는 전면 화면을 설정한다..