전체 글 78

[회고록] 나의 첫 번째 팀 프로젝트_🧑‍🤝‍🧑같이가요

서론 오랜만의 글인데, 그동안 백엔드와의 첫 번째 팀프로젝트를 진행하느라 블로그에 신경쓸 겨를이 없었던것 같습니다. 이번 글은 프론트앤드 개발자가 되기로 결심하고, 첫번째 팀 프로젝트를 끝내게 되어 기록을 남기고자, 회고록을 작성하려고 합니다. 공식적인 진행 기간은 24년도 2월 19(월) ~ 3월 28(목) 으로 6주간 진행이 예정되었지만, 진행중, 문제가 좀 많았어서 4월 12일 금요일까지 마지막 커밋까지 작업을 진행했습니다. 이번 글은 회고록인 만큼 글의 상당히 많은 부분을 제 느낀점 & 배운점 위주로 적어나갈 것 같습니다🙄 간단하게 저희 서비스를 소개하고 글을 이어나가겠습니다. 한줄로 요약하면, 저희 서비스는 함께 여행을 가고싶은 사람들을 찾는 서비스라고 볼 수 있습니다. ✅ 여행지, 일정, MB..

개발일기 2024.04.14

[React 핵심개념] Virtual DOM 이 무엇인가요?

0. 서론 React를 다루는 프론트앤드 개발자라면 Virtual DOM 에관해서 한번쯤은 들어봤을 것입니다. [🎯 글을 쓰는 이유] Virtual DOM 에 관해서 이미 많이 들어 대략적으로 알고 있었지만, 이 기술을 사용하는 이유, 배경이 궁금해서 찾아보다가 정리를 해두면 좋을 것 같다는 생각이 들어서 정리하기로 마음을 먹게되었습니다. 정리해야지 생각만 하고 있다가, 이번주에도 정리하지 않으면 또 미루게 될것 같아,😬 마음먹고 바로 글을 쓰기 시작해 보겠습니다. [🔍 핵심 문장] Virtual DOM에 대해 짧게 이야기하면,리액트 렌더링 방식의 핵심 개념중 하나로, 👉한문장으로 " 최소한으로 DOM을 수정할 수 있도록 도와주는 자바스크립트 객체(값)이다. " 라고 정리해 봤습니다. 이미 Virtual..

React 2024.02.04

Firebase 로그인 에러 [FirebaseError: Firebase: Error (auth/unauthorized-domain)] 해결하기

🥰 먼저 보는 해결 방법 1. 파이어 베이스 콘솔로 이동한다. 1-1. 본인 프로젝트로 이동한다. 2. Authentication 클릭하기 2-1. 사이드 메뉴의 Settings 클릭후 승인된 도메인에 배포한 주소 등록해주면 끝 🎉 😱 문제 상황 에 직면하다. 리액트로 쇼핑몰을 만들고 vercel을 통해 배포하는 과정이 다행히 순조롭게 진행되었습니다. 하지만, 배포된 서버에는 다음과 같은 문제가 생겼습니다. ✅ [문제점] 로그인을 해야지만, 장바구니 페이지에 들어갈 수있도록 코딩을 해놓았기 때문에, 로그인을 시도했지만, 위와 같은 에러가 발생하여 로그인이 안됨. 🔍 해결 방법 1. 파이어베이스 콘솔 클릭후 해당 프로젝트 선택하기 2. Authentication 메뉴 클릭 2-1. Settings 클릭 3..

[javascript 개발지식] 변수(variable)란 무엇인지 설명해주세요. [ feat. 변수가 없다면? / 식별자란? ]

0. 서론 https://adeveloperstory.tistory.com/entry/%EB%AA%A8%EB%8D%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Deep-Dive-%EC%8A%A4%ED%84%B0%EB%94%94-2%ED%9A%8C%EB%8F%85-%ED%9A%8C%EA%B3%A0 모던 자바스크립트 Deep Dive 스터디 2회독 회고 0. 서론 [들어가며...] 2023년 4월 1일 제로베이스 부트캠프 14기로 시작하였지만, 기본기가 너무 부족함을 느껴 기수유예를 통해 19기로 다시한번 시작하게 되었다. 19기의 공식 일정은 9.1일 - 2월29 adeveloperstory.tistory.com 모던 자바스크립트 deep dive..

개발 지식 2024.01.06

[개발일기 -회고록]나의 2023년 코딩테스트 연습 연말결산

요즘 블로그를 갑자기 자주 쓰게되는것 같습니다. 프로그래머스 홈페이지에 잠깐 연결리스트 관련 문제가 머가있나 들어왔다가, 1. 다음과 같은 이벤트글을 보고 2. 지금 남기지 않으면 기억하지 못할것 같은 이유로 코딩테스트 관련 회고록을 쓰고 싶어져 글을 쓰게 되었습니다. [글을 쓰게된 결정적 이유] 사실 이벤트 참여해서 얻는건 PCCP 응시권정도여서 이것때문에 참여하는것은 아니고, 올해 처음 코딩테스트를 시작해 보기도 했고, 지금 기록을 남기기 좋은 타이밍이라고 생각했기 때문입니다. 이번 글은 짧게 마무리 하려고 합니다. 1️⃣[처음 시작] 정확히 기억나지는 않지만, 23년 3월쯤 처음 프로그래머스 lv0 코딩테스트를 푼 것으로 문제풀이를 시작했던 것으로 기억이납니다. 또한, 어느 순간 보니 lv0보다 아..

개발일기 2024.01.04

[개발일기] 24년 1월 2일, 부트캠프 인터뷰를 진행하다

다니던 부트캠프에서 인터뷰 일정을 잡아 24년 1월 2일 pm5:00에 인터뷰를 하기로 했고, 약 50분정도시간동안 생각보다 시간이 빠르게 지나갔습니다. 사실 공부 할게 많아 할 생각이 없었지만, 몇가지 이유들로 하게 되었고, 이왕 하기로 한거, 대충 할 수는 없기 때문에 약 12가지 사전질문에 대해 생각할 시간을 갖고 인터뷰에 참여했고, 12가지 + a 의 질문에 대해서 응답을 잘 진행했던 것 같습니다. 인터뷰를 진행하며 아직 개발자는 아니지만, 개발자 준비생으로서 질문에 답을하며 나름 생각도 정리도 되고 저의 이야기를 한다는 것이 재밌었던것 같습니다. 이 글은 그냥 취준생으로서 기록으로 남기는 글 입니다. 1. 본인 소개 간단하게 부탁드립니다. (성함, 나이, 전공, 취업 기업 및 직무) 생략 2. ..

개발일기 2024.01.02

[자료구조2편] 시간이 부족한 비전공 개발자에게 알려주는 BigO (빅오) - [누구나 자료구조와 알고리즘 개정2판 3-6장 요약]

🚩 들어가며... 이 글은, 누구나 자료구조와 알고리즘 [개정2판] 을 보고, 이미 노션에 정리했지만, 1. 자신을 위해 핵심만 골라 다시 정리해보는 글이자, 2. 시간이 부족한 비전공 개발자분들이 BigO에 대한 개념을 얕지만 핵심만 알아가기를 바라며 정리하는 글 입니다. 중요 질문과 답변 위주로 정리하는 형식으로 글을 작성해 보겠습니다. [책 3-6장의 목차] 3장. 빅 오 표기법 4장. 빅 오로 코드 속도 올리기 5장. 빅 오를 사용하거나 사용하지 않는 코드 최적화 6장. 긍정적인 시나리오 최적화 💥 [참고사항] 빅 오의 수학적 설명 💥 전통적인 대학교육에서 알고리즘을 배우면 수학적 관점에서 빅 오를 소개합니다. 빅 오는 원래 수학 개념이므로 수학 용어로 설명되곤 합니다. 이 책은 수학 지식이 많지..

[.gitignore]을 사용해 github에 API Key 숨기고 올리기

0. 들어가며... 왜 API KEY를 숨겨야 할까? 사실 .gitignore 파일에 관해 대충 알고있었지만, News API를 사용해 프로젝트를 진행하던 중, api키를 그대로 깃허브에 올리게되면 다른 누군가가 내 api키를 이용해서 무엇인가??를 할 수 있기때문에 되돌릴 수 없는 일이 일어날 수 있다는 것을 들었던 기억이 나서 이번 기회에 정리해보고자 글을 적는다. 다른 블로그들을 보다보니 😱 AWS 해킹당한 경험담 실제로 Github에 API KEY를 숨기지 않고 올려서 150만 원 정도 청구된 사례가 있다고 한다. News API의 경우에는 저런 일이 일어날 것 같지는 않지만, 굳이 안좋은 일이 일어날 수 있는 일을 사전에 방지하는 습관을 갖자는 생각으로 글을 적는다. 1. [ .gitignore..

카테고리 없음 2023.12.30

[자료구조1편] 자료구조가 중요한 까닭? - [누구나 자료구조와 알고리즘 개정2판 1-2장 요약]

0️⃣ 들어가며... 이 글은, 누구나 자료구조와 알고리즘 [개정2판] 을 보고, 이미 노션에 정리했지만, 나 자신을 위해 핵심만 골라 다시 정리해보는 글, 즉 두번째 읽으면서 정리하는 글입니다. 중요 질문과 답변 위주로 정리하는 형식으로 글을 작성해 보겠습니다. [목차] 1. 코드 품질의 평가 척도 2가지 2. 자료 구조란 무엇인가? 2-1. 그렇다면 데이터란 무엇인가? 2-2. 자료구조를 왜 알야아 하는가? 3. 자료 구조 연산 4가지 4. 속도 측정 5. 알고리즘이란? 6. 이진검색 vs 선형 검색 7. 기타용어 & checkList 8. 마무리 1️⃣ 코드 품질의 평가 척도 2가지 코드 품질은 다양한 척도로 평가할 수 있지만, 그 중 중요한 것 두가지는 다음과 같다. 1. 코드 유지 보수성 (가독..

모던 자바스크립트 Deep Dive 스터디 2회독 회고

0. 서론 [들어가며...] 2023년 4월 1일 제로베이스 부트캠프 14기로 시작하였지만, 기본기가 너무 부족함을 느껴 기수유예를 통해 19기로 다시한번 시작하게 되었다. 19기의 공식 일정은 9.1일 - 2월29일까지? 6개월 과정이다. 또한 다시한번 이웅모 저자님과 함께하는 deep dive 스터디에 참여하게 되었다. 항상 무엇인가 결론을 말할때 숫자를 통해 얘기하는 것이 좋다고 생각하여, 결론부터 말하자면, 2회독을 통해 전체적으로 약 70%정도 이해했다고 생각한다. 이번 글은 생각의 흐름대로 빠르게 작성할 예정이다. 1. 본론, 그리고 생각정리 1회독을 마무리하고 글을 쓴것을 확인하니 8.7일이다. 1️⃣ 마음가짐 이번 2회독같은 경우, 첫 마음가짐은 하루 세시간만 투자해서 읽고 참여하자 라는 ..

개발일기 2023.12.08