[TIL] 내일배움캠프 React 과정 2022.11.02

Today I Learned 미니 프로젝트 개인 페이지 완성 github 특강 복습 후 github 연동 시도(에 그침..) 발표 자료 초안 작성 저녁 먹고 잠시 비어나잇🍺 어려웠던 부분 이미지 위치 고정 내 소개 박스 안에서 이미지를 글의 길이와 상관없이 하단에 고정되도록 하고 싶어서 구글링을 했다. .tab-content{ position: relative; width: 640px; height: 380px; text-align: center; margin-top: 20px; line-height: 200%; } .text-image{ position: absolute; bottom: 10px; right: 10px; height: 220px; width: 600px; } 해결 방법은 부모 요소에 p..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 2.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.01

Today I Learned 매니저님과 개인 상담 미니 프로젝트 개인 페이지 구현 어려웠던 부분 어제저녁부터 방명록 남기는 기능을 구현하기 위한 python 파일에서 라는 경고 메시지가 떴다. 그래서 방명록 댓글이 mongoDB에 저장되지 않는 이유가 python과 html 파일이 아예 연결되지 않았기 때문이라고 생각해서 구글링도 해보았지만 혼자 힘으로는 해결할 수 없었다. 그래서 매니저님과 상담할 때도 여쭤보고 리액트 튜터님께도 여쭤봤지만 시간이 부족해서 문제를 해결하지는 못했다. 하지만 그분들에게서 에러를 해결하는 방법에 대해서는 배울 수 있었다. 구글 console창을 확인해본다거나 너무 한 가지 문제에만 집착하지 말고 시야를 넓혀서 코드를 전체적으로 살펴보는 방법까지. 면담 후에 app.py와 i..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 1.
• textsms

[TIL] 내일배움캠프 React 과정 2022.10.31

Today I Learned 미니프로젝트 발제-S.A 작성 GIT 협업 특강 GIT 작업 디렉터리: 버전 관리의 대상이 위치하는 공간 (.git이 위치함) 스테이지: 다음 버전이 될 후보가 올라가는 공간 저장소: 버전이 만들어지고 관리되는 공간 버전: 유의미한 변화가 결과물로 나온 것 GIT 명령어 정리 git init: 비어있는 로컬 저장소 생성 git status: 작업 디렉터리 상태 확인하기 git add: 변경사항스테이지에 올리기 git commit: 커밋 메세지와 함께 커밋하기 git log: 만들어진 버전 확인 원격 저장소와의 상호작용 git clone: 원격 저장소를 내 컴퓨터로 복제하기 git push: 원격 저장소에 코럴 저장소의 변경사항을 올리기 git pull: 원격 저장소를 내 컴퓨..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

내일배움캠프 React B반 8조 미니 팀프로젝트 S.A

프로젝트 설명 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 우리 팀과 팀원들을 소개할 수 있는 웹페이지를 만든다. 팀원 소개 내용으로는 다음 항목을 포함한다. 1. [팀]과 [자신]에 대한 설명 및 MBTI 2. 객관적으로 살펴본 자신의 장점 3. 협업을 하는 과정에서의 자신의 스타일 4. 우리 팀만의 색깔과 표현하고 싶은 시각적 스타일 5. 우리 팀의 약속 6. 팀원들의 블로그 주소 와이어프레임 API 설계 기능 Method URL request response 방명록 전체보기 GET /api/comment 방명록 작성 POST /api/comment {'name':name, 'contents':contents}

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

부트캠프를 위해 준비한 것과 준비하지 못한 것

10월 31일에 내일배움캠프가 개강한다. 4달 동안 9 to 9 일정을 소화하기 위해 내가 준비한 것들을 기록해보려 한다! 📌부트캠프를 위해 준비한 것 1. 웹캠 구매하기 내 노트북은 5년 이상 사용한 LG그램 구형 모델이기 때문에 카메라가 하단에 달려있다. 그래서 눈높이가 안 맞는 느낌이라 항상 불만을 가지고 있었기 때문에 이번 기회에 웹캠을 하나 샀다. 근데 배송 오고 카메라 테스트를 해봤는데 화질이 너무 좋아서 부담스럽다. 웹캠은 차라리 화질이 안 좋았으면 좋겠다ㅋㅋ 2. 병원 다녀오기 평일 저녁 9시까지 온라인으로 수업을 들어야 하기 때문에 병원을 미리 다녀왔다. 인공눈물이 필수인 사람이라 안과에 가서 인공눈물을 처방받아 왔는데 4만 원이나 나와서 깜짝 놀랐다.😦 3. 노트북 배터리 교체하기 갑자..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

스파르타코딩클럽 내일배움단_앱개발 종합반 4주차 회고

4주차 배운 내용 Fierbase Fierbase 프로젝트 생성하기 파일 저장소 스토리지에 이미지 올리기 리얼 타임 데이터베이스에 JSON 파일 올리기 데이터베이스의 데이터 읽기/쓰기/삭제하기 4주차 과제 내용 Fierbase를 이용하여 '꿀팁 찜' 페이지에 찜한 데이터 불러오기, '찜 해제' 버튼으로 찜한 데이터 삭제하기 앱개발 종합반 4주차 느낀 점 4주차는 2-3주차 내용보다는 수월하다고 느꼈다. 파이어베이스를 이용하는 방법 위주로 배웠는데 수업 들으면서는 큰 어려움이 없었지만 막상 과제를 직접 해보려니 또 어렵게 느껴졌다. 머릿속으로는 이렇게 해야겠다 생각을 하지만 막상 코드를 짜려니까 어디를 어떻게 건드려야 할지 모르겠는 기분이었다. 내가 가장 부족하다고 느끼는 부분이 내가 원하는 기능을 구글링..

• format_list_bulleted 스파르타코딩클럽/앱개발 종합반
• · 2022. 10. 30.
• textsms

스파르타코딩클럽 내일배움단_앱개발 종합반 3주차 회고

2022.10.27 작성 3주차 배운 내용 React 기본 구조 컴포넌트(Component) 상태(State) 속성(Props) useEffect 스택 네비게이션 Stack.Navigator Stack.Screen 페이지 헤더 수정 페이지 이동하기 그 외 공유 기능 추가 외부 링크 클릭 기능 추가 3주차 과제 내용 '소개 페이지' 버튼 만들고 페이지화 시켜서 연결하기 '꿀팁 찜' 페이지 만들고 페이지화 시켜서 연결하기 3주차 느낀 점 3주차 강의 듣는데 너무 힘들었다ㅠㅠ 강의 내용이 머리에 들어오지 않고 그냥 전부 튕겨 나가는 느낌이 들었다. 코드스니펫에 준비해둔 코드를 복붙해서 어플을 열어 보고 강사님의 일방적인 설명이 이어지는 방식으로 강의가 진행되었는데 내용의 대부분을 이해하지 못한 거 같다. 아무..

• format_list_bulleted 스파르타코딩클럽/앱개발 종합반
• · 2022. 10. 30.
• textsms

WIL 웹개발 종합반 5주차 개발일지

[버킷리스트] app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.u9hyd9y.mongodb.net/Cluster0?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): bucket_re..

• format_list_bulleted 스파르타코딩클럽/웹개발 종합반
• · 2022. 10. 29.
• textsms

스파르타코딩클럽 내일배움단_웹개발 종합반 5주차 회고_완강🎉

5주차 배운 내용 서버 세팅하기 AWS 서버 구매하기 filezilla 이용해서 프로젝트 파일 업로드하기 nohup 명령어로 서버 설정하기 og태그 설정하기 도메인 구매 및 연결하기 5주차 과제 내용 나의 버킷리스트를 기록하면 mongoDB에 DB가 저장되고, 각 항목마다 넘버를 부여하여 완료 버튼까지 누를 수 있도록 만들었다. 5주의 과정을 통해 최종적으로 나만의 웹페이지를 만들어서 도메인까지 연결하여 배포할 수 있게 되었다. 나의 뿌듯한 첫 결과물!🎉 도메인 연결하자마자 친구한테 자랑했다ㅋㅋ 이런 뿌듯함이 쌓이면 점점 성장할 수 있겠지? http://yerinfan.shop/ 백예린 팬명록 백예린에게 응원 한마디 남기고 가세요! yerinfan.shop 웹개발 종합반 5주차 느낀 점 10월 10일부터..

• format_list_bulleted 스파르타코딩클럽/웹개발 종합반
• · 2022. 10. 29.
• textsms

WIL 앱개발 종합반 2주차 개발일지

map 함수를 이용한 반복문 { tip.map((content,i)=>{ return ( {content.title} {content.desc} {content.date} ) }) } 삼항 연산자를 이용한 조건문 (기본 모습) let result = 조건 ? 참일 때 : 거짓 일때 (예제) let result = 10 == 9 ? true : false // result

• format_list_bulleted 스파르타코딩클럽/앱개발 종합반
• · 2022. 10. 29.
• textsms