본문 바로가기

전체 글

 (121)
1주차 : [About me] 미니프로젝트 포트폴리오 업로드 웹사이트 만들기 팀원 : 최진원 김태균 강민택 김소연 1주차 - 아이디어 카페 / 음악 공유 사이트 캠핑장 정보 리뷰 반려견 일기 포트폴리오 올리는 웹사이트 참고를 많이 했습니다 https://cdg-portfolio.com 최덕경 포트폴리오 :: CDG's Portfolio 프론트 엔드 개발자 최덕경의 포트폴리오입니다. cdg-portfolio.com 주제 : 포트폴리오 올리는 웹사이트 프로젝트 명 : About me 개발자의 성장기를 시각화 하여 담아내는 포트폴리오 웹 사이트. 거쳐온 프로젝트들을 통해 발전해 나가는 우리의 모습을 한 눈에 볼 수 있습니다. 와이어프레임 1. 개발해야 하는 기능들 로그인 페이지 1) 회원가입 버튼 누르면 회원가입 페이지로 이동 2) 아이디, 비밀번호 바르게 입력시 로그인 3) 아이디,..
Error) Error 400 (BAD REQUEST) 4주차 다시풀기로 코딩을하는데 다 하고 주문하기를 누르면 이상하게 Failed to load resource: the server responded with a status of 400 (BAD REQUEST) 가 뜬다. 왜 인지 찾아보니 data 값이 잘못 입력되어 주로 발생하는 에러라고 함. 무엇이 잘못되었는지 눈을 씻고 찾아봐도 알수가없었다. 그러다 이것을 발견... 예전에 썼던 코드를 과제 코드스니펫에 혼합시켜서 원래 주어져있던 id 값과 내가 입력했던 id 값이 일치 하지 않음 id 값을 변경하니 잘 작동 됨을 확인했다.... 복붙의 폐해....
TIL) HTML과 mongo DB 연동해서 서버 만들기, Flask, 4주차 숙제! 오류회고! HTML과 mongo DB 연동해서 서버 만들기 같은 컴퓨터에 서버도 만들고, 요청도 함. 즉 클라이언트 = 서버 -> 로컬 개발환경 Flask 시작 - 서버만들기 Phycharm -> Preference -> Python Interpreter python interpreter에서 + 누르고 flask 검색, install pakage flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음 Flask 시작 - HTML 파일주기 기본 폴더구조 - 항상 이렇게 세팅하고 시작! 프로젝트 폴더 안에 -static 폴더 (이미지, css파일 넣음) -templates 폴더 (html파일 넣고 불러오는 역할) -app.py (서버) 이렇게 세 개 만들어 두고 시작. venv는 보이지만 안보이는 걸로 생각하자 F..
TIL) Python기초문법 Python 기초문법 ▼ 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1 을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1 이란 변수에 넣는다 num2 = 99 # 99의 값을 num2 라는 변수에 넣는다 #변수의 이름은 맘대로 지을 수 있다 ▼ 자료형 숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다. ######### # 그리고 List, Dictionary 도 들어갈 수도 있죠. 그게 뭔지는 아래에서! 리스트형 a_list = [] a_l..
TIL)SQL Join, Union Join 두 테이블의 공통된 정보(Key값)를 기준으로 테이블 연결해서 한 테이블처럼 보는 것 예) 오늘의 다짐 이벤트 담청자를 선정하여 기프티콘을 지급하는 이벤트 users_id 필드를 기준으로 users 테이블과 orders 테이블을 연결해서 한 눈에 보고싶을 때 데이터 테이블을 나누는 이유? 실제로 웹서비스가 동작하는데 간편함 종류: Left Join, Inner Join Left Join : A 와 B 중 교집합 + A쪽 Inner Join : 교집합 NULL값 : 매칭이 안됨, 존재하지 않는 값 별칭을 줘야함. 예) select * from orders o inner join users u on o.user_id = u.user_id -> orders 테이블에 users 테이블을 users_i..
TIL) Javascript onClick , 짝/홀 판단 방법, JQuery, Ajax Javascript 복습 짝/홀수에 따라 다른 얼럿 띄우는 onclick 함수 만들기 짝/홀 판단 방법 if (count % 2 == 0) // 2로 나눈 나머지가 0 은 짝수, else 는 홀수 JQuery HTML 요소를 조작하는 편리한 Javascript를 미리 작성해둔 코드. 임포트 안하면 쓸 수 없다. 부트 스트랩과 같은 맥락. JQuery CDN : 홈페이지에서 구글 CDN 부분을 사이에 복붙 CSS는 class를 쓰듯이 JQuery는 Id 값을 통해서 특정 버튼이나 인풋박스 div 등등을 가리킴. 가리키지 않으면 조작 불가능. function(response){ let now_rate = response[1]['rate']; $('#now-rate').text(now_rate); } >> f..
TIL)SQL select, Group by, count(*) from select 범주별로 세어주고 싶은 필드명, count(*) from 테이블명 group by 필드명 Group by : 범주의 통계를 내줌 예시 ) 항상 쿼리의 순서를 select from users select name, count(*) from users 카운트별 사이 공간무 group by name -> ctrl+enter 후 group by name 이런 식으로 가야 안 헷갈림 select 범주가 담긴 필드명, avg(평균값을 알고 싶은 필드명) from 테이블명 group by 범주가 담긴 필드명; min(@@) = @@의 최솟값 max(@@) = @@의 최댓값 avg(@@) = @@의 평균값 round(avg(@@),n)= @@ 평균값 소숫점 n자리까지 출력 0일땐 그냥 반올림 sum(@@..
TIL) 웹의 동작 원리, HTML 의 구조, CSS기초, 부트스트랩 웹의 동작 원리 웹은 서버에게 요청하고, 서버가 전송한 것을 보여준다. HTML : 뼈대. 문서형태를 기반으로 함 CSS : 꾸밈 (폰트, 이미지, 글자 크기) Javascript : 움직이는 것 PyCharm : Python 쓰는 툴 HTML 의 구조 Head : 페이지의 속성 정보 (안에 meta, script, link, title 등 들어감) Body : 내용 자동 정렬 : cmd+alt+L CSS 기초 안에 공간 만들기 mytitle 클래스: .mytitle {...} 간격: margin(바깥여백), padding(안쪽여백) 사이즈: width, height div에 색 넣어서 꼭 비교해보기 폰트, 주석, 파일분리 마음에 드는 폰트의 구글 웹 폰트에서 link->헤드 사이, css-> 스타일 ..
반응형

티스토리툴바