전체 글

[부트캠프]113일차 배포 드디어 해결?

2023/2/2 웹을 다 완성한 지 벌써 2일 차 일단 동작되는 대로 영상은 찍어 놓았지만 여전히 배포가 되지 않는다. 일단 main부분에 오류가 뜨는 부분은 카카오 map의 app key를 다시 받음으로써 해결했지만 가장 중요한 데이터가 들어오지를 않는 문제를 해결하기 위해 정말 많은 고생을 한 것 같다. 물론 백엔드 분들이 너 많이 고생하기는 했지만 404에러와 처음 보는 이런저런 에러들을 하나하나 해결해 나가다 보니 ( cloudfornt로 배포하고 meta tag도 추가하고 등등.....) 결국 모든 에러가 해결 되었지만 그냥 서버와의 연결이 아예 안 되는 현상 이 발생했다. 혹시나 우회하는 proxy에 문제가 있어 보여 proxy를 지우고 axios의 url부분을 proxy를 안쓰는 방향으로 해..

[부트캠프]110일차 데모동영상을 찍으며

2023/1/30 주말 동안 밤새서 드디어 겨우 웹을 완성을 했다. 아직 배포한대 카카오 api로 map을 부러운 부분이 에러를 나서 아직까지는 배포는 못했지만 일단 동영상 편집도 필요한 관계로 영상을 먼저 찍기로 하였다. 주말 동안 나와 프런트 한분이 마지막으로 프런트를 점검하고 만들기로 하고 나머지 두 분이서 데모비디오를 찍을 발표자료를 만들기로 하였 는데 월요일 와보니 ppt가 생각보다 마음에 들지 않도록 나와 버려서 진짜 하루종일 백엔드와 함께 ppt를 수정해야 했다. ppt 탬플릿도 넣고 자료들을 더 자세하고 최신버전 으로 갈아 끼웠다. 그동안 ppt라면 자신이 있었지만 이번만큼은 google Docs에서 만드는 거라 기존의 파워 포인트하고는 사용법이 틀려서 많이 당황하고 예쁘게 다듬는 작업은 ..

[부트캠프]107일차 멘토활동마지막 날...

2023/1/25 프로젝트도 이제 5일 남고 멘토활동은 오늘차로 끝났다. 날이 갈수록 멘토님이 아쉬워하는 모습이 보였지만 오늘은 약간 모든 걸 다 놓은 듯 하였다. 완성하는데 큰 뜻을 두고 대부분 취업 관련 애기로 끝은 멘토활동 은 끝났다. 다른 아쉬운 듯 보였지만 나는 그렇게까지 아쉽지는 않았다. 사실상 디자인부터 이 프로젝트는 완성해도 프런트 엔드 한정해서 큰 임팩트는 주지 못할걸 대충 예상했다. 단지 나에게 주어진 선에서 여러 가지 기법들을 시도해 보고 여러 라이브러리를 쓰며 최대한 경험과 실력을 쌓아 보자는 나의 목적은 어느 정도 달성한 것 같다. 물론 나의 작품에 애정이 없었던 것은 아니다. 정말 최선을 다해 예쁘게 만들어 보려고 노력했고 수정에 수정을 더해 정말 열심히 코드를 작성했다. 하지만..

좋은 CSS를 만드는 법

👋글을 시작하기에 앞서...... Css는 정말 무궁무진하고 자유롭게 제작이 가능하기 때문에 때로는 잘 만들어진 화면이더라도 내부의 CSS고통을 겪고 있을지 모릅니다. 눈으로 보이지 않기 때문에 저를 비록 한 초보자들이 많이 모르고 지나쳤을 꺼라 생각되어 이 글을 끄적입니다......... 👆좋은 CSS를 만드는 법 단순히 화면만 이쁘게 만들어 진다고 좋은 Css가 아닙니다. 👉아래 내용을 참고해서 자신의 코드를 평가해 보세요 📍단순하고 체계적으로 유지 명확하고 일관된 레이아웃을 사용하고 너무 많은 스타일과 요소를 사용하지 마십시오. 📍CSS 전처리기 사용 Sass 또는 Less와 같은 CSS 전처리기를 사용하면 변수, 함수 및 혼합을 사용하여 보다 효율적이고 유지 관리 가능한 코드를 작성할 수 있습니다..

[CSS]React에서 스크롤시 화면 변화

❗필요! React에서 scroll 했을 때 애니메이션 효과는 useState, useEffect으로 만들 수 있습니다. import React, { useState, useEffect } from "react"; 또한 CSS 라이브러를 사용하면 애니메이션을 더 편하게 사용할 수 있습니다. npm install animate.css --save import "animate.css/animate.min.css"; animate.css의 자세한 사용법은 다음 사이트를 참고해 주세요 https://animate.style/ Animate.css | A cross-browser library of CSS animations. Animate.css is a library of ready-to-use, cross-..

[부트캠프]105일차

2023/1/19 오늘은 내가 전까지 만들었던 CSS를 손보면서 어떻게 하면 조금이라도 더 예쁘고 기능적으로 만들 수 있을까를 고민하면서 이것저것 디자인도 바꿔보고 힘들게 찾아서 애니메이션도 추가해 보았다. 결과적으로 그전보다 나아지긴 했는데 너무 많이 바뀌어버린 모습에 처음 기능을 생각하고 바꿨던 디자인을 어떻게 적용할지 조금 두렵기는 하다. 심지어 footer부분은 전혀 감이 안와서 이상한 이미지를 때려 밖은 형식 으로 만들어서 내일 팀원들과 회이 하면서 하나씩 바꿔가야 할 것 같다. 내일 모래부터 약 4일간 설날 연휴라 정말 시간이 남지 않은 것이 걱정이다. 설날 연휴를 제외하면 약 7일에서 6일 정도 남는데 그 사이에 많은 것을 하기란 확실히 장담을 못하겠다. 물론 항상 말하는 대로 열심히는 해보..

[부트캠프]104일차

2023/1/18 오늘은 월요일부터 해결하지 못했던 부분을 드디어 해결하였다. 근데 너무 어거지로 끼워맟췄는지 코드하고 이곳저곳에서 부작용이 생겨나서 굉장히 머리는 아팠지만 일단 코드는 완성했다는 생각에 굉자히 좋아하며 내가 하던 작업을 마무리했다. 그리고 7시 정도에 운동 다녀와서 오늘 멘토님과의 수업을 기대하며 자리에 앉았다. 하지만 예상과는 다르게 멘토님의 반응이 굉장히 안 좋은 것을 알 수 있었다. 기본적인 디자인 부분부터 이것저것 기초적인 부분들을 지적했고 사실상 동작은 보지도 않았다. 문제들이 너무 많았다. 처음이라 그런 걸 지도 모르겠지만 나는 그동안 시제품을 만든다는 생각으로 부족해도 어떻게든 완성은 시켜야지 란 마음으로 했는데 현업자의 눈은 확실히 달랐다. 그동안의 배움을 부정당하는 느낌..

[부트캠프]102일차

2023/1/16 이제 메인 프로젝트 절반 정도 온 것 같다. 절반 정도까지 왔는데 솔직히 이제 진짜 모르겠다. 다들 커밋도 제대로 안 해주고 머지도 안 하다 보니 도대체 뭐 하고 있는지도 모르겠고 정말 이해 안 되는 것은 마지막 프로젝트인대 프로젝트시간에 처음 기능을 구현하기 위해 원리부터 공부하고 있다는 것이 조금 아쉽다. 마지막 프로젝트는 그동안의 기량을 최대한으로 발휘해야 하는 것인데 다들 뭔가 새로운 것을 위해 한 발자국 앞서간다는 것이 아니라 하면 할수록 계속 뒤로 가는듯한 느낌이다. 이번 프로젝트가 제대로 마무리될 수 있을지도 이제 정말 모르겠다. 백엔드하고 대화는 하지만 아직 솔직히 잘 모르겠고 api문서가 나와야 한번 제대로 해볼 거 같은데 프로트 끼리는 하루종일 디스코드도 꺼두고 다들 ..