👟 SWIVEE 브랜드 신발 리뷰들이 모여있는 서비스! 사용자들이 작성한 신발 리뷰를 통해 브랜드 별 신발과 소비자 간의 받침과 같은 연결고리가 되어주는 플랫폼입니다. SWIVEL이라는 단어가 받침 이라는 뜻을 가지고 있는 것에 모티브를 얻었습니다. 🙂 🛠 와이어 프레임 헤더 로그인에 따라 로그인/로그아웃이 다르게 보이도록 했습니다. 메인페이지 (main.html) 브랜드 별 신발들과 가장 리뷰가 많이 쓰인 브랜드, 최근 작성된 리뷰를 볼 수 있습니다. 각 신발별 리뷰가 모여있는 페이지 (board.html) 해당 신발의 리뷰들이 모여있습니다. 리뷰 상세 페이지 (review.html) 리뷰 상세페이지 입니다. 유튜브 리뷰 페이지 링크로 이동할 수 있습니다. 로그인 / 회원가입 (login.html /..

Today, What I learned? 프로젝트 시작을 앞두고 파이어베이스 특강을 들었다..! 파이어베이스에서 제공하는 많은 기능 중에서 몇 가지에 대해 정리해보려 한다. 그 몇 가지는 바로 Authentication, FireStore, Storage 다!.. 왜 이것만 다루냐면 일단 당장 쓸 것들이기 때문 ㅎ Authentication 이 서비스는 파이어베이스에서 제공하는 회원가입과 로그인을 위한 인증 서비스다. 아래와 같이 다양한 방법들을 추가해서 인증할 수 있다. 이 인증 서비스를 이용해서 회원가입, 로그인뿐만 아니라 프로필 관리까지도 가능하다. authService.currentUser 라는 객체에 다양한 정보들이 담겨있기 때문이다!.. 프로젝트 때 주구장창 써먹는 객체이지 않을까 싶다. Fi..

Today, What I learned? 특강에서 프레임워크를 이용하지 않고 바닐라 JS로 SPA를 구현하는 법과, hashed url path에 대해 배웠다! 이후 좀 찾아보니 생각보다 SPA를 구현하는 방법에 대한 글과 영상이 많았다. 🤔 개인 프로젝트에 적용해보았으면 좋았을 텐데 싶은 아쉬움... 기회가 되면 리팩토링 할 수 있으면 좋겠다.. 일단 오늘 배운 것에 대한 정리 시작! MPA와 SPA 우선 이 두 주제에 대해서는 이전에 따로 정리해보았던 글이 있다. (부족함이 있을 수 있음) https://i-ten.tistory.com/174 MPA,SPA 부터 CSR, SSR 까지 들어가며 상태 관리에 대해서 알아보기를 결심!.. 어디서부터 이미 먼저 작성된 많은 글들을 둘러보다 보니 음.. 🤨 먼..

느닷없이 몇 분 전까지만 해도 잘 되던 소스트리가 갑자기 혼자서 튕겨서 강제 종료되더니만 다시 실행해도 반복적으로 아래 리포트만 띄워놓고 튕기는 현상이 발생했다. 😇 또 소스트리를 재설치 ?!.... 할 수는 없었기 때문에 뭐 구글링 해야지.. 이 분의 글이 나를 무한 튕김에서 구제해주었다. 🙌 https://heroeswillnotdie.tistory.com/15 [Git] Mac 'Sourcetree 응용 프로그램이 예기치 않게 종료되었습니다' 해결방법 저장소 초기화해서 다시 클론하고 재설정하고를 반복해도 2~3주마다 계속 소스트리 저장소 클릭하면 튕기는 오류가 나길래 진짜 부들부들 대고 있었는데 힙겹게 구글링으로 해결했다.. 링크 -> h heroeswillnotdie.tistory.com 한국어 ..

문제 최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 입출력 예시를 보면 최빈값이 1개인 경우에는 그 최빈값에 해당하는 원소를, 최빈값이 여러 개일 때는 -1을 반환하도록 한다. 풀이 과정 자료구조 중 하나인 Map을 이용해서 풀려고 했는데, 70점까지밖에 받지 못해서 (4개의 테스트 케이스 실패 😂...) 결국 비슷한 방법으로 풀이한 분을 참고해서 Map 초기화 부분을 추가했다. ㅠㅠ 처음에 생각한 과정은 이랬다. Map 객체를 생성한다. 배열을 순회하며 Map에 빈도수를 업데이트한다. 최대 최빈값을 찾는다. 최빈값이 여러 개인지..

Today, What I learned? 알고리즘 꾸준히 쌓아가기 💪 ... 를 계속하며 오늘은 세 가지의 정렬 알고리즘에 대해 js로 구현해보았다. 추가적으로 네이버 메인페이지 코드를 분석하다가 알게 된 display: table에 대해서 정리해본다. 정렬 알고리즘 정렬 알고리즘은 모든 요소가 정렬되어야 하고, 그 안에서 각 요소별로 순차적으로 비교되기 때문에 이중 for문을 이용한다. 따라서 시간 복잡도는 모두 O(n^2)를 가진다. 버블 정렬 버블 정렬은 모든 요소들을 대상으로, 인접한 두 값을 비교해서 왼쪽의 값이 더 크다면 자리를 바꾸는 과정을 반복해서 정렬하는 방식이다. 아래 이미지를 참고하면 이해가 좀 더 편하다! js로 구현하기 function bubble_sort(arr) { let an..

11월 둘째 주를 보내며 한 주가 금방 지나갔다! 이번 주도 5F 회고로 돌아보려 한다. 둘째 주는 학습에 집중하는 한 주였다. 👀 Fact 새로운 팀이 편성되었고, 팀장이 되었다. (공부하는 주이긴 하지만 일정을 챙기는 중 💪) 끝말잇기 게임을 만들었다. 자료구조와 알고리즘을 조금씩 익히고 있다. 프로그래머스를 0단계부터 풀기 시작했다. 알고리즘 특강과 CS 특강을 들었다. 🙂 Feeling 알고리즘.. 어렵지만 풀었을 때의 성취감은 확실하다. 구름 만지듯 어렴풋하게 느끼던 것을 뚜렷하게 잡게되는 기분 짜릿하다! 체력관리를 잘해야겠다.. 혼자 공부할 때처럼 그날 해야 할 목표치에 대한 시간 배치를 다시 확실히 해봐야겠다. 🔍 Finding 연결 리스트와 이진 탐색 등등의 자료구조와 알고리즘. DOM 다..

Today, What I learned? 창민 튜터님의 CS특강과 계속되는 알고리즘과의 전쟁.. 🔥 오늘은 CS 특강에서 들은 CPU와 이진 탐색, 재귀함수에 대해서 정리한다! 특강 관련해서만 정리해도 양이 꽤 많긴 하지만.. 정리 시작! 👏 CPU 흔히들 컴퓨터 견적을 따질 때 많이 보는 것들 중에 하나로 익숙할 수 있다!.. Central Processing Unit의 약자로 중앙 처리 장치를 말한다. CPU는 컴퓨터의 두뇌라고 할 수 있다. 컴퓨터 시스템 전체를 제어하며 명령어를 수행하고 데이터를 처리한다. 처리장치와 제어장치로 구성되어 있고, CPU에는 캐시 같은 부가 장치도 포함되어 있다. 왜 CPU는 싱글 코어에서 멀티 코어가 되었는가? 결론적으로 싱글코어만으로 낼 수 있는 퍼포먼스에 한계가 ..

Today, What I learned? 어제에 이어서 알고리즘 공부를 계속!... 자료구조 중 연결 리스트에 대해 정리해보고 구현해보는 시간을 가졌다. 튜터님의 알고리즘과 자료구조에 대한 코멘트와 연결 리스트에 대해 정리해보려 한다. 🙌 시간 복잡도와 공간 복잡도 시간 복잡도와 관련해서는 예전에 블로깅을 한 적이 있다. https://i-ten.tistory.com/154 알고리즘의 시간복잡도와 Big-O 들어가며 기왕이면 가장 빠른 길로 가자! 출퇴근을 하거나, 친구와의 약속 등등. 어딘가를 향할 때 우리는 항상 목적지로 가는 빠른 루트를 찾아보는 경향이 있다. 컴퓨터도 마찬가지다. 프로그 i-ten.tistory.com 알고리즘에서는 이제 공간복잡도보다 시간 복잡도를 더 필수적으로 챙겨야 하는데, ..

Today, What I learned? 본격적인 알고리즘 등반 다시 시작이다.. 🥹 오늘 여러 알고리즘 문제를 풀었는데, 음 역시 쉽지 않다... 오늘 튜터님의 특강을 들으며 리마인드 하고 싶은 부분은 이렇다. 1. 코드는 짧게 짜는 게 핵심! 쉽고 빠르고 간결하게 프로그램을 짜는 게 프로그래머의 본질! 2. 나의 현재 실력을 자기 객관화를 하자! 프로그래머스, 백준 등을 이용해 정량적 체크는 덤 3. 한글로 로직을 먼저 생각해보고 코드를 짜자. 오늘 풀었던 몇몇 문제들 중 파이썬으로도 풀고, 자바스크립트로도 다시 풀어본 문제를 정리해본다. 문장 내 알파벳 최대 빈도수 구하기 문장 안에서 알파벳 별로 빈도수를 카운트해서 가장 빈도수가 높은 알파벳을 반환하는 문제다. 이 문제는 파이썬으로 풀면 이런 방법..