stories (7) 썸네일형 리스트형 최종 프로젝트를 마치며 3월 20일부터 한 달이 조금 넘는 시간동안 글이 작성되지 않았던 이유는,다름이 아닌 최종프로젝트에 몰입하기 위해서였다. https://owl-link.vercel.app/ OWL Link그래서 우리, 언제 어디서 만나는 거야owl-link.vercel.app최종프로젝트우리는 최종프로젝트에서 기존의 프로젝트를 발전시키는 것으로 방향성을 정했다.when to meet에서 영감을 얻은 where we meet거기서 디벨롭한 OWL-LiNK가 최종프로젝트의 이름이었다. 프로젝트의 기획우리는 조금 더 많은 기술을 시도해보고자 했다. 기존의 장소를 픽하는 방향성에서, 일정을 추가하여 관리할 수 있는 시스템을 구상했다.그리고 지도라는 소재를 잡은 순간 모바일에서의 사용성을 고려하고자 하였고, 자연스럽게 PWA까지 .. 2024.1.28 기록 (선언형 프로그래밍이란 무엇일까) 며칠 전 프론트앤드 개발자 면접에 대한 짧은 영상을 본 적이 있었다. 그 중 하나가 오늘 알아 볼 선언형 프로그래밍과, 이와 반대되는 것은 명령형 프로그래밍에 대한 내용이었다 본론으로 들어가기 전에, 먼저 이 이야기는 지금 받는 교육을 진행하며 몇차례 들었던 이야기기도 했다. 그리고 질문들이 어떻게 보면 우리를 조금 더 원리를 파악하고 생각 할 수 있게 하는 사람이 되게 만들어주는 것이라 여기게 되었다. 나는 항상 이 주제로 주변 사람들과 대화를 나눌 때, 도구를 어떻게 사용하는지 에 비유하여 이야기하곤 한다. 가령 우리는 청소기나 에어프라이어 등 을 사용 할 때 그 기기가 어떠한 방식으로 작동하는 지 알아보기 보다는 그 기기를 어떻게 하면 잘 써먹을 것인가에 대해서 생각하곤 한다. 이것은 선언형 프로그.. 2024.1.2 프로젝트의 간단한 개요 이번에 진행할 개인프로젝트는 영화페이지 클론코딩과도 같다. 다만 전제조건은 html/css, 바닐라자바스크립트만을 사용할것 흔히 bootstrap 같은 곳에서 탬플릿을 가져온다면 해당 탬플릿에 동작원리를 학습하는 요지에 가까운 것 같다. 필수 구현사항에 빠른 요소들은 다음과 같다. html - DOM 운용방법에 대한 기초 개념 Css - flex와 grid의 활용에 대한 기초 개념 Javascript - 이벤트리스너, 오픈 API 소스 활용, html 의 DOM을 제어하기 전반적으로 필요한 기능들을 사전에 정해두고 이후 학습을 진행하는 것이, 이러한 기간제 과제에 있어서 더욱 메리트가 존재한다. 따라서 학습과 제작을 병행하되, 와이어프레임과 notion (기록용) 의 작성 완성은 최소한의 학습이 마쳐진 .. firebase API key 재생성 관련 팀 프로젝트 작업을 진행할 때 보통은 github를 통해 협업을 진행하게 되는데 firebase의 API key를 비공개 하지 않은 채로 업로드를 할 경우 다음과 같은 email을 받게 된다. 당신의 API key가 유출된 상태로 특정 URL에서 발견되었습니다. 이미 유출된 Key를 감추는 건 별다른 효과가 없을 것 같기에 API key 를 재발급 받는 방법을 알아보고자 합니다. 받은 메일의 내 콘솔로 이동 항목을 클릭합니다. 좌 상단에 ≡ (탐색메뉴) 를 클릭하면 탭이 열리는데, 고정된 제품 카테고리 의 API 및 서비스 항목에서 사용자 인증 정보 탭을 클릭합니다. 작업 탭 밑의 아이콘를 누르면 API 키 수정 항목을 클릭하면 들어가는 페이지에서 키 재생성을 누르면 고유 API key를 재발급받는다. .. 내일배움캠프 첫번째 미니프로젝트를 마치며. 조 이름은 stage, 프로젝트명은 Our_stage 4일이라는 짧았던 시간동안 준비한 과제였다. 우리에겐 경력자는 존재하지 않았고 수업 내용들을 곱씹을 시간이 제법 부족했다. 2조에 배정되었고 나는 자연스레 팀장이 되었다. 우리중엔 notion을 사용할 줄 아는 사람도, figma를 사용 할 줄 아는 사람도 firebase를 사용 할 줄 아는 사람도 없었다. 오히려 좋았다. 지금이 가장 저점이니 지금부터 우리는 배워나가면 된다. 라는 마음으로 시작했다. 고집을 조금 더 부렸다. 나를 포함한 5명의 팀원들에게 firebase를 담당하게 해달라 부탁했다. 팀원들은 흔쾌히 수락해주었다. 이유인 즉 확실하게 역할을 분담하면 시간이 단축되리라 생각했기 때문이다. 이러한 업무분배 과정을 S.A( Starting .. npm과 cdn (firebase를 배우며) firebase를 배우는 과정에서 공식문서와 다른 유튜브 영상들을 찾아보면 알 수 있는 건 npm firebase install 과 같은 명령어를 먼저 입력하는 것이다. node.js를 설치하면, vsc에서 터미널을 통해 모듈들을 설치, 활용할 수 있게 된다. 거기서 사용되는게 npm이라는 명령어인데, 이것은 node package manager 라는 이름의 소프트웨어이다. 처음엔 의문이 들었다. 왜냐면 교육과정에서 CDN만을 알려주는 경우가 많았기 때문이다 // Firebase SDK 라이브러리 가져오기 import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js'; import { getFirestore.. 2023.12.21 기록 (내일배움캠프 시작 및 미니프로젝트) 내일배움 캠프를 시작하며, 사전캠프 기간동안 배웠던 자료와 기술들을 활용해 팀프로젝트를 진행하게 되었다. 덕분에 오늘은 코딩을 공부하는 시간보다 기획하는 시간이 더 길었다. 오늘 진행한 일들은 다음과 같다. git과 github사용 법을 간략하게 익히기 팀원을 소개하는 페이지를 만들기 위해 역할분담, S.A(Starting Assignment) = 기획 안을 작성한다. 가장 큰 장애물은 배운 범위 안에서 작성한다 라는 틀이었다. UI 디자인 기획 자체는 figma를 이용하여 쉽게 진행할 수 있었다. 이렇게 청사진을 그리는 작업을 와이어 프레임 이라는 명칭으로 부른다. CRUD라는 것을 처음 알게 됐는데, 이것은 프론트 엔드 작업을 하며 백엔드의 기능을 이용하는 기초적인 과정이었다. 각각 Create, R.. 이전 1 다음
