전체 글 93

2. 구상

누나뮤직 백엔드 서버 확인 - 하루에 한번씩 꺼지도록 되어있음 => 변경 필요 04.16 03.47 홈,방명록 여러번 왔다갔다 했으니 그 시간대 연결수랑 데이터 요청수 확인하기 - 2024.04.15 _23:09 프로젝트 세부정보 모달로 띄울 수 있도록 작업 필요. 세부정보로 뭐 띄울지 미리 생각 좀 해둬야할듯. 지금 페이지도 내용들 너무 추상적인가? 한번 생각 필요. 세팅 페이지 음악 자동 추천 기능 만들어야함. 날씨 지역 선택 기능 추가해야함. 어느정도 거의 끝났으니 다시 백엔드쪽 진도 좀 내고, 어짜피 배포하려면 배포부분도 공부해야하니 포트폴리오 작업은 이제 좀 늦추고 백엔드쪽 달려야할듯 - 2024.04.15 _13:14 firebase 사용량 제한 당해서 글이 안나온다.. 글쓰기 기능 구현했는데..

1. 발상

취업 준비를 시작하면서 포트폴리오를 만들 생각을 가졌었다. 그런데 광인사에서 백앤드만 담당했던 터라 갑자기 페이지를 만들려니 막막해서 같이 교육들었던사람의 포트폴리오 기본양식을 받아서 간단하게 수정했다. 그렇다 보니 뭔가 내가 원했던 느낌도 아니고 해서 나중에 포트폴리오를 새로 만들어야지 라고 생각하고 있었다. 그러다가 인프런에서 node 백엔드 부트캠프 강의를 보는데, html/css 강의 내용으로 싸이월드만들기가 나왔다. 그걸 보면서 아! 이거다! 라는 생각이 들었고, 이 포맷을 사용해서 나만의 유니크한 포트폴리오 페이지를 만들어봐야겠다고 생각했다.

Index

인덱스는 데이터를 빨리 찾을 수 있도록 해주는 책갈피 같은 역할이다. PK, FK, UNIQUE에는 기본적으로 인덱스가 있다. create index idx_xxx on 테이블(xxxx); ex) create index idx_title on board(title); create index로 원하는 컬럼에 index를 생성할 수 있다. index를 계속 만드는건 조회 속도를 올릴 수 있지만, 책갈피를 계속 늘리는것이라 이에 맞게 데이터를 넣어야하다보니, 데이터를 등록/수정 할때의 속도가 느려지는 단점이 있다. 때문에 데이터를 조회할 때 자주 사용되는 컬럼에 한해서 인덱스를 걸어주는게 좋다. ++ 실행하려는 쿼리 앞에 explain을 적어서 실행하면 실행계획을 알 수 있고, 이를 통해 index가 사용되는..

코딩/DB 2024.03.27

Promise, Promis.all 만들기

await는 Promise를 반환해주는 얘 앞에만 사용 가능하다. 그래서 응답을 기다릴 필요가 있는 경우에는 Promise로 만들어주면 await을 쓸 수 있다. 아래는 new Promise 를 사용해서 axios 느낌의 Promise를 만든 예시다. const fetchData = async () => { // API 보내기 요청!! // 이건 axios임 const result = await new Promise((성공시함수, 실패시함수) => { setTimeout(() => { try { console.log("이미지 받아 왔다~"); // 5초 뒤에 이미지 받아옴 성공시함수("강아지.jpg"); } catch (error) { 실패시함수("실패했습니다!!!"); } }, 5000); }); co..

코딩/JavaScript 2024.03.26

6. 회고/생각

- 2024.03.25 수업을 듣다가 재밌겠다고 생각이 들어서 갑작스럽게 시작하게 되었다. 오랜만에 리액트를 실행하니 낯설었는데, 처음 리액트를 배울때와 다르게 기본설정되어있는 코드들 중에 지워도 되는게 무엇인지 어느정도 구분이 되는걸 보고 그래도 실력이 늘긴 했다는 생각이 들더라. 수업은 index.html에 js까지 쓰는 코드였지만, 나는 react를 쓰고, 값 몇개는 받아와 사용하는 거기 때문에 코드가 달라지면서 이론적으로 배운거랑 실제 써보는건 다르다는걸 다시한번 느꼈다. 환경변수 설정한 값이 노출되는거 때문에 몇시간 붙들고 고생했는데 일단은 에러가 아닌걸로 예상된다. 고생은 했지만 덕분에 더 발전했다고 생각한다. 구상한대로 바로 구현하고 싶지만, 프론트적인 실력이 부족해서 바로 구현하기가 힘들다..