전체보기250

• 220720(수) cowithme 개발일지 1. Atomic design의 장점과 단점 2. Vue에서 Atomic design 사용하기 3. 대문자? 4. git remote update 5. vbase-3 Programming/SSAFY 2022. 7. 20.

• 

  [Quasar 공식문서 뽀개기] 30분 영상 튜토리얼 분석하기 Video Tutorials | Quasar Framework The list of video tutorials on Quasar created by the community. quasar.dev SSAFY 2학기 프로젝트에서 CSS 프레임워크로 Quasar를 사용하기로 했다. Vue.js를 기반으로 한 프레임워크로, 팀원의 추천으로 사용하게 되었는데 UI가 깔끔하고 정말 많은 기능을 제공하고 있어 프로젝트에 빠르고 쉽게 적용할 수 있다는 생각이 든다. Quasar 공식문서에서 가장 먼저 만날 수 있는 기능 설명은 위의 튜토리얼 영상이다. 40분이 조금 넘는 길이지만 웹사이트를 만드는 데 핵심적인 기능들을 잘 알려주고 있어 평가가 좋은 것 같다. 영상의 내용은 Quasar를 이용해 TODO앱을 만들고, .. Programming/Vue 2022. 7. 19.

• 

  SSAFY 7기 기자단이 알려주는 코딩테스트 필수 알고리즘 이것만은 알고 가자! 코테 필수 알고리즘 SSAFY 7기 김혜린 기자 1. 정렬 정렬 알고리즘은 어떤 데이터들이 주어졌을 때, 이를 순서대로 나열하는 알고리즘입니다. 정렬이 프로그래밍에서 중요한 이유는, 컴퓨터는 셀 수 없이 많은 데이터를 탐색해야 할 때가 많은데, 그 과정에서 데이터를 효율적으로 다루어야 자원이 낭비되지 않기 때문입니다. 예) 선택 정렬, 버블 정렬, 삽입 정렬 2. 완전 탐색 완전탐색 알고리즘은 가능한 경우의 수를 모두 탐색하여 답을 찾는 알고리즘입니다. 얼핏 보면 간단하지만, 완전탐색 기법을 사용한 다양한 종류의 알고리즘 유형을 숙지하는 것이 포인트 입니다. 코딩 테스트에 빠지지 않고 등장하는 유형이니 꼭 알아두어야겠죠! 예) 백트래킹, 재귀함수, 순열 3. BFS/DFS BFS(너.. Programming/SSAFY 2022. 7. 18.

• 

  [Vue 3 + Quasar 2.0] 프론트엔드 개발자에게 필수! ESLint + Prettier 사용하기 ESLint란? Lint는 보푸라기라는 뜻인데 프로그래밍 쪽에서는 에러가 있는 코드에 표시를 달아놓는 것을 의미한다. 즉 ESLint는 자바스크립트 문법 중 에러가 있는 곳에 표시를 달아놓는 도구를 의미한다. 코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일을 유지(포맷팅)하여 개발자가 쉽게 읽도록 코드를 만들어준다. 나는 SSAFY 1학기 프로젝트에서 ESLint를 사용했다고 생각했는데, 사실 확장 프로그램만 설치하고 configuration 해주지 않아서 결국 아무것도 사용하지 않은 꼴이 되었다 ㅋㅋㅋㅋ 나와 같은 실수를 하지 않으려면 글에서 서술하듯 1. ESLint, Prettier npm install 2. VSCode 관련 확장 프로그램 설치 3. VSCode settin.. Programming/Vue 2022. 7. 18.

• 

  2022년 1월 회고: 시작이 주는 설렘 What I’ve learned 아마 과정 중 가장 정신없이 지나간 달이 아닐까 싶다. python 개념 학습이 1월부로 마무리 되었다. 또, 난생 처음 SWEA와 백준이라는 웹사이트를 접했고, 알고리즘 문제 풀이를 매일 하는 것이 이제는 습관이 되었다. 혼자 풀었다면 지금보다 훨씬 발전이 느렸겠지만, Notion으로 함께 코드 리뷰를 할 수 있는 동기들이 생겨 도움이 많이 된다. 그 외에도 Github 블로그를 만들었고, 정보처리기사 취득을 목표로 공부를 시작했다. 1월에는 이렇듯 이제 하나하나 내가 목표했던 일을 위한 포트폴리오를 쌓아가기 위한 기초 지식들을 배우기 위한 시간이었던 것 같다. Thoughts 솔직히 힘들었지만, 이만큼 배움의 기쁨을 느낀 지도 오랜만이라고 줄곧 생각했던 시간이었다. 컴.. My/Riverlog 2022. 7. 17.

• [인문 비전공자, SSAFY 7기 합격] 면접 과정 (2/2) (1편에 이어) 면접 준비 사실 처음에는 서류 합격 결과를 믿기 힘들었다. 필기 시험을 다른 지원자들에 비해 잘 본 것도 아니고, 특별한 IT 관련 경험이나 경력이 있던 것도 아니기 때문이다. 내가 대학교 때 작성해 본 코드는 print('Hello World')가 전부였다. 나는 줄곧 언론 관련 활동을 해오면서 인턴 생활도 신문사에서 했었다. 다만 관심 분야에서 IT 기술을 활용하는 방법을 고민하면서 간단한 시각화나 ML 강의를 들은 경험을 적은 것을 좋게 봐주신 것 아닐까 짐작을 해볼 수는 있었다. 자기소개서가 500자에 불과한 분량이었기 때문에, 다른 내용은 크게 담지 못했기 때문이다. 앞선 1편에 적었듯이 나는 SSAFY에 대해 전혀 몰랐었고, 준비해온 바가 없었기 때문에 면접 준비를 어떻게 할지.. Programming/SSAFY 2022. 7. 15.

• 

  [인문 비전공자, SSAFY 7기 합격] 서류 및 SW적성진단 과정 (1/2) 지원서 제출일을 기준으로 약 한 달 넘게 걸렸던 싸피 7기 전형이 12월 20일 막을 내렸다! 아직도 합격 사실이 잘 믿기지 않고 얼떨떨하지만, 스스로 복기해보고 앞으로 지원하실 분들에게 도움도 드릴 겸 전형 과정을 잘 정리해보기로 했다. 지원동기 나는 싸피 7기 공고를 10월 말, 그러니까 지원서 제출 기간이 이미 시작된 기간에 접했다. 몇 개월씩 싸피 지원 준비를 해오신 분들도 많은 것을 보면, 꽤 늦게 싸피 지원을 결심한 것이다. 싸피의 존재는 알고 있었지만, 비전공자로서 새로 교육을 받기보다는 일을 시작하고 나서 개인적으로 공부를 병행하는 것이 더 맞지 않을까 싶어 막학기 공부와 취업 준비를 하는 데 열중하던 참이었다. 그러나 결과적으로는 싸피에 지원하기로 결심했는데, 그 이유를 정리해보면 이렇다.. My/Riverlog 2022. 7. 15.