본문 바로가기

분류 전체보기

 (256)
요즘 유행이라는 바이브 코딩으로 사이트 뚝닥 만들어보기 (feat. 조코딩) 유튜브에서 우연히 조코딩님 영상을 보고 재밌겠다 싶어 따라해봤습니다.* 결과물도 글 아래에 있으니 한번 확인해보세요!! 바이브코딩 영상 바로가기조코딩님 바이브코딩 영상영상에 나온 테토에겐녀 테스트처럼, 간단하고 재치있는 아이디어가 뭐가 있을까 고민하다가 "공룡 매칭" 이 떠올랐어요 ㅎㅎ 바로 replit 서비스에 구글을 통해 회원가입 후, 딱 세 줄 입력했습니다. 나랑 어울리는 공룡 찾기 사이트를 만들고 싶어. 내 성격을 몇가지 설문조사한 뒤에, 나와 잘 어울리는 공룡을 추천해주는거야.설문조사랑 공룡 16마리 정도 조사해줘. 5분도 안되어서 V1 이 나왔습니다. 설문조사 갯수가 10개가 넘길래, 줄여달라고 요청했더니 줄여주었습니다. 나중에 보니 이런 사소한 수정사항은 Agent에게 요청하기는 좀 아까..
뒤늦게 적어보는 결혼식 후기 # 호구되는 결혼식 문화에 답답했던 지난 날 2023.08.05 - [21세기 생존기] - 결혼 준비를 하며 느낀 우리나라 결혼 문화와 비용 #텅장 결혼 준비를 하며 느낀 우리나라 결혼 문화와 비용 #텅장# 프로포즈와 함께 시작된 결혼준비 여느 날과 다르지 않던 금요일 저녁에 예상치 못한 프로포즈를 받았다. 오래 만나온 까닭에 언젠가 결혼을 하겠거니 막연히 생각해왔지만, 그게 언제가 될rich-developer.tistory.com  # 그럼에도 어찌저찌 결혼식 날이 다가왔다오전 11시 결혼식이라 새벽 4시부터 일어나서 메이크업 샵이 있는 강남으로 향했다. 너무 떨리고 긴장되어서 이른 새벽에 일어났지만 졸리지도 않았다. 남편이 예약해놓은 택시를 타고 가며, 우리 둘은 결혼식 날이 온 게 실감이 안난다며..
항해 플러스 프론트엔드 과정 추천 + 20만원 할인 코드 지난 10주간 진행된 항해플러스 프론트엔드 과정을 마치면서솔직한 후기를 남겨본다. 현업에서 개발을 하고 있는 3~4년차 개발자로서,내 커리어가 어떤 방향으로 가고 있는지내가 가고 싶은 방향이 맞는지 한번 점검을 할 필요가 있다고 생각을 하고 있었다. 그래서 개발자로서의 커리어에 멘토가 있으면 좋겠다고 생각했고,나와 비슷한 개발자들은 어떤 생각을 가지고 있는지, 어떤 커리어를 준비해 나가는지 궁금했다. 그러던 차에 항해 플러스 프론트엔드 과정을 보았고,멘토님 네 분에게 강의도 듣고, 현업 개발자들과 네트워킹도 할 수 있다는 말에혹해서 과정에 등록하게 되었다. 항해 플러스 과정을 간단하게 소개하자면,처음 4주는 javascript 및 react 이론을 학습하고 과제를 진행하고,이후 6주는 과정에서 만난 ..
[항해플러스] 7주차 회고 # 문제1. git 프로젝트를 활용해서 프로젝트를 진행하는데, git Issues 에서 Fork 한 브랜치는 link 가 안됨2. git branch 정책 부재 # 해결1. 모두 각자 repo에 fork 따서 작업을 하고 있었는데, Issue를 편하게 관리하기 위해서 프로젝트 레포지터리를 직접 clone 해서 사용하는 방법으로 변경2. main 브랜치는 release 시에 사용하고, dev 브랜치에 개발하기로 결정. 각자 개발할 때는 프로젝트에 Issue 를 만들어서 관리가 되도록 작업 # 알게 된 것git 을 활용한 프로젝트 관리와 이슈 관리를 알 수 있었다.
[항해플러스] 5주차 회고 # 문제: 프로젝트 기술 스택 선택의 어려움 이번 주부터 팀 프로젝트를 시작하게 되었다. 팀원들과 아이디어를 정하고 프로토타입을 만들었다. 여기까지는 각자 아이디어를 발산하고 수렴하며 문제 없이 진행해 나갔다. 이를 구현하기 위해 프론트엔드 개발환경을 설정해야 하는데, 여러 프레임워크와 패키지들 중에 어떤 기술 스택을 사용할지에 대해 팀원들간에 논의가 쉽게 마무리되지 않았다. 리액트를 사용하는 것에는 동의가 되었지만, 패키지 매니저로 npm 으로 cra 를 쓸지, vite, yarn 을 쓸지 등 논쟁이 있었다. 이 뿐 아니라, 어떤 테스트 프레임워크를 쓸지, CSS는 어떤 라이브러리를 사용할지 등 결정이 쉽지 않았다. 특히 npm 과 vite 의 경우 팀원들의 선호가 달라서 선택을 못하고 있었다. * 많..
[항해플러스] 3주차 회고 # 시도해본 것 * 바닐라 JS 로 react render 및 useState, useMemo 구현 * react 상태관리 이해, publish-subscribe pattern 을 활용하여 상태 관리 구현 # 알게된 것 * react 기능의 일부를 직접 구현해보면서 동작원리를 이해 * react 의 virtual dom 개념 이해 * react 학습 방법을 알 수 있었다. # KPT Keep: 과제를 성실하게 하고, 다른 사람들로 부터 배우려고 하는 점 Problem: 조금 더 기술적인 부분에 흥미를 느끼고 deep dive 할 필요가 있을 것 같다. Try: 하나의 과제를 깊이 파고들어 이해하고, 다른사람에게 알려줄 수 있도록 공부하기. 항해플러스 발표 해보기
[항해플러스] 2주차 회고 # 리액트 파해치기 지난 주에는 자바스크립트 기본기를 다졌고, 이번 주 주제는 리액트 파해치기이다. 리액트의 등장 배경부터, 장단점, 리액트를 공부하는 방법 들에 대해 알아보았다. 간단하게 wrap-up 을 해보자면, 리액트가 등장한 배경은 스마트폰이 등장과 함께 모바일 환경을 고려한 확장성있고, 생산적인 방법이 필요해서이다. 리액트는 react와 react-dom 이 나뉘어져있고, react-native는 모바일 어플도 개발 가능하다. react 하나로 웹과 모바일 등 확장이 가능할 만큼 확장성이 좋다. 리액트가 어떻게 동작하는지 파악하기 위해서는, 직접 react 를 구현해보는 방법이 있다. 직접 리액트 render 와 hook 등을 구현해보며 react 코드도 찾아보고 동작 방식도 익힐 수 있다. ..
[항해플러스] 1주차 회고 # 첫 수업 및 과제 첫 수업의 주제는 자바스크립트 기초 다지기였다. 익숙한 것 같으면서도 설명하라고 하면 말이 잘 나오지 않는 주제들이었던 것 같다. 프로토타입 자바스크립트의 비동기 콜백함수 이벤트 리스너 프로미스 async/await 이벤트 루프 메시지 큐 개념들을 톱아보고, 이를 활용한 과제까지 내주셨다. 과제를 하면서 개념들을 더 찾아보고 잘 이해할 수 있게 된 것 같다. 심화 과제로 히든클래스와 인라인 캐싱을 활용하여 최적화까지 해보았다. 기초 문법에 관한 주제여서 엄청 어렵다거나 시간을 쏟지는 않았다. 추후 시간이 되면 각각의 주제에 대해 알게된 것을 정리해보고싶다. # 멘토링 오프 코치님에게 약 한시간 가량 팀 멘토링을 받았다. 과제를 하면서 어려웠던 점이나 각자 궁금한 것을 물어봤다. 다른..

티스토리툴바