분류 전체보기 68

미니프로젝트 A-03 KPT 회고

Keep : 잘하고 있는 점. 계속 했으면 좋겠다 싶은 점. 모든 팀원이 동일한 기능구현을 경험해 본것점이 좋았습니다. 팀 프로젝트를 하면서 스스로 많이 성장한게 느껴졌다. 혼자 업무를 해내는 것이 편할수는 있겠지만 사람들과 함께 어울려 프로젝트 하나를 완성한다는 게 큰 자산이 될 것 같다. 각자 원하는 기술을 각각 다 해보는점이 잘했다고 생각함, 한기술에 여러방법이 쓰이는걸 공유해서 좋았음 질문이 있거나 문제가 있을 때 서로 도와주려는 자세가 좋았습니다. Problem : 뭔가 문제가 있다 싶은 점. 변화가 필요한 점. 개별작업은 잘 하였으나 전체적인 통일성이 부족하였던 것 같습니다. 모르는 게 있을 때 적극적으로 팀원과 소통을 못한게 아쉬웠다. 더 열심히 얘기해봐야겠다. 팀페이지의 기술을 더 넣어 공..

개발일지 2023.10.12

2023.10.11. TIL 텍스트 애니메이션 및 반응형 폰트 비율

저번엔 그라데이션 배경을 만들어보았고 (https://makeit80.tistory.com/8) 이제 첫 페이지 제목을 디자인할 차례였다. 제목과 짧은 부제같은 설명을 적고나니 뭔가 심심했다. 그래서 페이지를 열었을 때 투명에서 불투명으로 변하는 애니메이션을 추가해 그라데이션 배경과 어울리게 만들어보았다. 나름 잘 어울리는듯,, /*텍스트 애니메이션*/ .gradient-box { opacity: 1; color: #ffffff; animation: animate 3s; font-size: 1.5vw; } @keyframes animate { 0% { opacity: 0; } 100% { opacity: 1; } } 이렇게 하고 창을 축소하니 글자가 겹쳐서 나왔다.. 찾아보니까 px 로 하면 고정값이어서..

개발일지 2023.10.11

2023.10.11. TIL 그라데이션

웹 서칭을 하다 하고싶은걸 발견해서 연습해보았다. 코드는 이렇게 작성되었다. 먼저 그라데이션 /* 그라데이션 */ background: linear-gradient(90deg, #ff9900, #00d9ff); background-size: 400% 400%; /* 애니메이션 */ animation: gradientAnimation 10s ease infinite; text-align: center; line-height: 30px; /* 키 프레임 */ @keyframes gradientAnimation { /* 시작 */ 0% { background-position: 0% 50%; } /* 중간 */ 50% { background-position: 100% 50%; } /* 원위치 */ 100% { ..

개발일지 2023.10.11

SQL TIL 4주차 : Subquery, 그 외

SELECT * FROM users u WHERE user_id in ( SELECT user_id FROM orders o WHERE payment_method = 'kakaopay' ) Subquery 란? 쿼리문 안에 들어가는 명령을 말함 ()로 묶어서 사용하고, 줄바꿈을 해야 구분이 쉽다. SELECT, FROM, WHERE 등 어디나 들어가도 가능하다. WHERE 절 안에는 in을 사용해야 한다 SELECT pu.user_id , pu.point, a.avg_likes FROM point_users pu INNER JOIN ( SELECT user_id , ROUND(AVG(likes),1) as avg_likes FROM checkins c GROUP BY user_id ) a on pu.us..

개발일지 2023.10.11

SQL TIL 3주차 : Join

SELECT * FROM users u left join point_users p on u.user_id = p.user_id Left Join : from 데이터를 기준으로 붙이기 SELECT * FROM users u inner join point_users p on u.user_id = p.user_id Inner Join : 교집합 데이터만 표시 SELECT pu.user_id, u.name, u.email , pu.`point` FROM point_users pu INNER JOIN users u on pu.user_id = u.user_id ORDER BY pu.point desc 공통된 컬럼을 선택하여 테이블을 붙일 수 있다. 그리고 원하는 정보만 선별해서 표시가능 SELECT c1.titl..

개발일지 2023.10.11

SQL TIL 2주차 : Group by, Order by

통계적인 숫자를 구할 수 있다! 최대 / 최소 / 평균 / 개수 동일한 범주의 데이터를 묶어주는 Group by 깔끔하게 데이터를 정렬해주는 Order by SELECT name, count(*) FROM users u group by name 각 name의 중복 값의 개수를 구하는 것 SELECT week , MIN(likes) FROM checkins c group by week MIN(필드명) : 최소값을 구하는 것 SELECT week , MAX(likes) FROM checkins c group by week MAX(필드명) : 최대값을 구하는 것 SELECT week , avg(likes) FROM checkins c group by week AVG(필드명) : 평균값을 구하는 것 SELECT..

개발일지 2023.10.11

SQL TIL 1주차 : Select, Where

반복적으로 사용하면서 감각과 원리를 익히는 게 중요! C(Create) : 데이터의 생성 R(Read) : 저장된 데이터를 읽어오는 것 U(Update) : 저장된 데이터를 변경 D(Delete) : 저장된 데이터를 삭제 이 중 Read 부문을 배웠다. show tables 테이블 확인 select 컬럼 from 테이블명 *은 전체선택 select 부분에 특정 컬럼를 지정하여 볼 수 있음 Where : 특정 값을 포함한 데이터를 보여줌 형식 : SELECT __ FROM __ WHERE __ SELECT * FROM point_users pu WHERE point >= 5000 SELECT * FROM orders o WHERE course_title = '앱개발 종합반' AND payment_metho..

개발일지 2023.10.11

HTML, CSS 기초

html : 5 를 치면 페이지의 기본 구조가 나온다. 여기서 body는 내용 title은 제목을 나타낸다. head와 body 큰 뼈대 body는 홈페이지에 들어가는 모든 내용 head는 홈페이지에 보이지 않는 모든 내용 태그로 분리해줄 수 있다. (줄바꿈) class 라는 명찰을 붙이고 style 태그에서 해당 명찰을 꾸며줄 수 있다. body 같은 경우 하나만 있기 때문에 클래스 필요없이 사용 가능 padding: 범위 확장 margin: 빈칸 확장 가운데 맞추려면 전체를 div로 다 감싸서 margin: auto로 가능함 폰트 적용은 구글폰트 import에서 가져올 수 있음 * 은 전체를 말하는 것 박스 스타일은 항상 백그라운드 컬러부터 부트스트랩에서 다양한 디자인을 가져올 수 있다. alt + ..

개발일지 2023.10.11