전체 글250

• 

  (프로젝트 주제 고민하는 FE 개발자를 위한)이색 무료 API 모음집 Programming/SSAFY 2022. 9. 29.

• 

  npm vs yarn vs pnpm, 자바스크립트 패키지 매니저 전 격 비 교 npm vs yarn vs pnpm 자바스크립트 패키지 매니저 전,격.비.교 SSAFY 7기 김혜린 기자 패키지 매니저란? Package Manager : 개발에 필요한 패키지를 설치, 업데이트, 수정, 삭제하는 작업을 편리하고 안전하게 수행하기 위해 사용되는 도구입니다. Javascript 관련 개발을 하다 보면 프로젝트 내에서 사용해야 할 패키지들이 많은데요, 이런 패키지들을 쉽게 설치, 관리하고 서로 간의 의존성을 관리해주는 도구가 바로 패키지 매니저입니다. Javascript 패키지 매니저 3대장 npm, yarn, pnpm npm, yarn, pnpm은 가장 널리 사용되는 대표 패키지 매니저들입니다. 사용할 때는 그 차이를 알기 어려웠지만, 알고 보면 같은 듯 다른 점들도 많은데요, 함께 알아볼.. Programming/SSAFY 2022. 9. 19.

• 20220917(토) 개발 일지 1. Q. 젊은이들에게 해주고 싶은 말ㅇ느? A. 기술의 겉표면만 긁지 말고 레이어를 깊이 파고들어라. 호기심을 가지고 스택의 모든 것을 다 알고 싶어하라. 모든 것을 알아서 시스템 레벨로 생각하는 사람이 되라. 그렇게 모든 것을 꿰뚫은 사람이 되면 기회가 찾아 온다. My/Riverlog 2022. 9. 17.

• 20220915 (목) 개발일지 1. 입사 지원과 특화 프로젝트로 정신 없이 흘러가고 있는 9월이다. 오늘은 두 회사에서 과제/코딩 테스트 전형 요청을 받아서 신이 났다. 수많은 회사들을 탐색하고 입사지원하고 연락을 기다리는 일련의 과정들이 너무나 신난다면 어딘가 문제가 있는 사람일까? ㅋㅋㅋ 정규직 사원으로서 사회에 첫 발을 내딛는 사람의 설렘은 처음 만난 듯 낯설고 또 두근거린다. 2. "1) 감사함을 잃지 않고, 2) 지금 이 순간에 최선을 다하는 것 3) 그리고 그 시간을 계속해서 쌓아가는 것은 한 사람이 삶에서 가질 수 있는 최고의 목표일지도 모른다. 실제로 그럴 수 있는 사람이 흔하지 않기도 하다." 내적 동기가 나의 가장 큰 장점이 아닐까 생각하는 요즘이다. 힘들고 지칠지라도 꺼지지 않는 소명과 목표가 비로소 삶을 완성시킨.. My/Riverlog 2022. 9. 15.

• 20220912(월) 개발일지 1. 연휴의 마지막 날, 팀원들과 함께 서비스 이름을 정했다. 5분정도 끄적여 본 이름을 다들 맘에 들어 해준 것 같아 기분이 좋았다 ㅎㅎ 2. 갓생이란 무엇인가? 진흙탕을 기면서도 꿈과 이상을 가지고 절대 포기하지 않고 뭐라도 계속해서 해보는 것, 현실에 안주하지 않고 매너리즘에 문제의식을 부여하고 도전하고 해결하는 것... - 오늘 읽은 어느 선생님의 글 My/Riverlog 2022. 9. 13.

• 20220912(일) 개발일지 1. 주요 기업들의 공개채용이 몰려 있는 9월, 개발을 공부하게 된 나의 동기를 정리하다보니 프로젝트 기획에도 아쉬움이 많이 남았다. 리더 역할을 잘 해내려고 노력하는 것만으로도 스스로를 응원해주고 싶지만, 좀 더 내가 개발을 배웠던 진짜 이유에 가까운 프로젝트를 기획해보고, 색다른 도메인에서 그 목표를 이뤄보기로 도전했다면 어땠을까? 추천 알고리즘 역시 충분히 재미있는 도메인이지만, 그래도 조금만 더 주체적으로 생각해봤으면, 하는 아쉬움이 남았다. 모든 순간이 마지막인 것처럼 살자고 자주 되뇌이지만, 역시 삶의 파도들이 그걸 어렵게 만든다. 역시 운동을 더 열심히 해보는 걸로(?) 2. React Native 기초 강의를 모두 들었다. 간단한 Todo List 앱을 만드는 유튜브 강의였는데, 기초를 다.. My/Riverlog 2022. 9. 12.

• 

  [ESLint] 'Delete CR' 에러 해결 방법 https://stackoverflow.com/questions/53516594/why-do-i-keep-getting-delete-cr-prettier-prettier Programming/ETC 2022. 9. 11.

• [React Native] ESLint, Prettier 사용하기 https://dev-yakuza.posstree.com/ko/react-native/eslint-prettier-husky-lint-staged/ React Native에서 ESLint, Prettier를 프로처럼 사용하기 React Native 프로젝트에 ESLint와 Prettier를 적용하는 방법과 Husky, lint-staged로 프로처럼 사용하는 방법에 대해서 알아봅니다. dev-yakuza.posstree.com Programming/React Native 2022. 9. 10.

• 20220907(수), 0908(목) 개발일지 1. 컨님과 개인 면담(?)을 했는데 항상 자신감 넘치고 에너제틱한 모습이 너무 좋다고, 나를 보면서 에너지를 얻고 참고가 많이 된다고도 말씀해주셨다. 경력이 수 십 년 되신 컨님께 이런 말씀을 듣게 되니까 놀라기도 하고, 쉽지 않았던 팀장 노릇에 너무나도 힘이 되는 말씀이라 감동도 받았다. 코치 지원까지 추천해주셔서 벙쪄버렸는데, SSAFY를 마칠 즈음 정말 그런 능력도 갖게 되었으면 좋겠다고 생각했다. 면접 가면 무조건 프리패스라고, 이번 채용 시즌에 꼭 많이 지원해보라고 해주셔서 용기를 많이 얻었다 ㅎㅎ 빠이팅~!!!! My/Riverlog 2022. 9. 9.

• 20220906(화) 개발일지 1. 특화 프로젝트의 기획 단계가 마무리되었다. 많은 논의가 있었고 의견 차이로 정체되어 지치던 순간도 있었지만, 모두가 고개를 끄덕이는 주제가 나와서 다행이라고 생각한다. 나는 팀장으로서 의견을 낼 수 있을 만큼 냈고, 팀원들이 이제 만족했으니 됐다! 2. 학교 다닐 때 활동하던 여러 단체들에서 대부분 막내였기 때문에 리더보다는 팔로워일 때가 많았는데, 내 개인적인 기분과 상황을 핑계로 적극적으로 의견을 내지 않거나 리더 얼굴만 쳐다보고 있었을 때가 생각이 나더라. 팀원들이 어떤 사람이냐에 상관 없이 리더(특히 교육기관과 같이 위계가 없는 집단의 리더)는 외로운 자리일 수밖에 없고, 적극적으로 책임을 다하는 자세가 정말 도움이 많이 됨을 느끼고 있다. 리더를 맡으면서 오히려 팔로워십을 배워가는 중이다... My/Riverlog 2022. 9. 6.

• 

  SSAFY 7기의 8월 회고: 팀 복 많은 사람 나야나~ What I've learned... - 8월 말, SSAFY 2학기 첫 프로젝트인 공통 프로젝트가 무사히 끝났다. 나를 제외한 두 명의 프론트엔드 팀원이 모두 프로젝트 첫 주차에 나가는 불상사가 있었지만, 능력자 전공반 팀원들의 도움으로 멋진 코딩 교육 서비스를 만들어냈다. 실시간 코드 전송과 서비스 내에서의 코딩 테스트 기능이 핵심이다. 아직 반출 신청을 하지 않아 내 github에 올리지 못했는데 곧 업로드해서 회고록에도 추가하려고 한다. Vue3와 새로운 UI framework를 사용하는 큰 도전이었는데, Vue3와 pinia(새로운 상태관리 도구)에 대한 깊은 이해와 webRTC 기술에 대해 배우는 시간이 되어 의미있었다. - 특화 프로젝트에서는 팀장 역할을 맡게 됐다. 팀원으로서의 팔로워십을 .. My/Riverlog 2022. 9. 4.

• 

  [SSAFYcial]2022 프론트엔드 프레임워크 트렌드 프론트엔드 직무 뽀개기 - 2편 (React? Vue?) 2022 프론트엔드 프레임워크 트렌드 SSAFY 7기 김혜린 기자 "프론트엔드 프레임워크는 뭐가 좋을까?" SSAFY에서 프로젝트를 하면서 프론트엔드를 맡은 교육생들의 고민 중 하나는 "어떤 프레임워크를 선택할까?"입니다. 그래서! 우리나라와 전 세계의 따끈따근한 2022년 프론트엔드 프레임워크 설문을 준비했습니다 :) 1. 해외 트렌드 Q. 지난 1년동안 사용해봤고, 맘에 들었던 프레임워크는 무엇인가요? (프론트엔드 기술만 필터링) 2. 국내 트렌드 Q. 주로 사용하는 프레임워크/라이브러리는 무엇인가요? 설문 결과! - 해외, 국내 모두 React의 비중이 가장 높고, Vue가 그 절반 정도를 차지 - 3위는 해외, 국내 모두 Angular가 차.. Programming/SSAFY 2022. 9. 3.

• 

  [SSAFYcial] 개발자 컨퍼런스 알아 보기! 개발자 컨퍼런스 알아 보기! SSAFY 7기 김혜린 기자 컨퍼런스란? 컨퍼런스: 공통의 전문적, 학술적인 주제를 가지고 비교적 긴 시간에 걸쳐 열리는 회의. 주로 과학, 기술 학문 분야의 새로운 지식을 습득하거나 연구를 위해 개최된다.(두산백과) 다양한 분야에서 컨퍼런스가 열리는데, 개발 관련 컨퍼런스들은 연사들의 영상이 온라인으로 비교적 잘 공유되고, 개발 관련 트렌드와 이슈를 살펴볼 수 있다는 것이 특징입니다. 개발 컨퍼런스 유형을 크게 세 가지로 살펴볼까요? 1. 기업에서 여는 컨퍼런스 : 삼성, 구글, 배달의 민족, 토스 등 기업에서 여는 개발자 컨퍼런스 2. 특정 언어 및 기술에 관한 컨퍼런스 : Javascript, Python, .NET 등 특정 언어/기술에 집중 3. 분야별 컨퍼런스 : 이.. Programming/SSAFY 2022. 8. 29.

• 

  [debugging] 개발자 도구 javascript debugging Programming/Javascript, Typescript 2022. 8. 27.

• 

  [Console] '디자인 모드' 적용법 디자인 모드란? 웹 브라우저에서 임시로 화면을 수정하는 기능을 말한다. Devtool에서 직접 코드를 수정하지 않고도 화면에 있는 텍스트를 바꾸거나 이미지를 옮겨보는 작업을 할 수 있다. 디자인 모드를 적용하면 빠르게 웹 화면을 조정할 수 있고, 손쉽게 각 구성 요소의 배치를 최적화할 수 있다. 디자인 모드 on/off 방법 document.designMode = "on" document.designMode = "off" Programming/HTML, CSS 2022. 8. 27.