Programming148

• 

  [Vue3] Vue3 관련 자료들 https://joshua1988.github.io/vue-camp/vue3.html#%E1%84%80%E1%85%B5%E1%84%8C%E1%85%A9%E1%86%AB%E1%84%8B%E1%85%B4-%E1%84%86%E1%85%AE%E1%86%AB%E1%84%8C%E1%85%A6%E1%84%8C%E1%85%A5%E1%86%B7 Vue 3.0 | Cracking Vue.js Vue 3.0 새로 등장한 Vue.js Composition API(뷰 3.0)에 대해 알아보겠습니다. 기존의 문제점 복잡한 앱에서 코드 재사용 방법의 한계 가고자 하는 방향 인스턴스 옵션 단위가 아니라 특정 기능이나 논리 joshua1988.github.io https://dev-josh.tistory.com/28 [Vue] Vue.. Programming/Vue 2022. 7. 25.

• 

  SSAFY 7기 입학식에 (랜선으로) 갔다 왔어요! 두근두근 새로운 시작! SSAFY 7기 입학식 SSAFYcial 7기 김혜린 기자 활기찬 분위기가 감도는 이곳! 과연 어디일까요? 바로 SSAFY 서울 캠퍼스입니다! 현재 비대면 수업이 진행되고 있어 7기 교육생들이 직접 방문하지 못했었는데요. 지난 1월 18일, 이곳에서 SSAFY 7기 입학식이 열렸습니다. (*내외빈 및 교육생 50명은 현장 참석, 교육생 1100명은 온라인 입학식 진행) 내외빈의 축사로 문을 연 SSAFY 7기 입학식! 현장에는 박학규 삼성전자 경영지원실 사장, 박화진 고용노동부 차관, 김희곤 국민의힘 의원, 이수진 더불어민주당 의원이 참석했습니다. 이 날 두 명의 SSAFY 수료생도 입학식을 찾았는데요, 7기 교육생들을 위해 다양한 질문에 답변도 하고, SSAFY 생활 및 취업에 .. Programming/SSAFY 2022. 7. 20.

• 

  [Python] asterisk(*)의 쓰임 여기에서 마지막줄의 asterisk(*)의 쓰임은 iterable arguments를 unpacking 해주는 것이다. fruits = ['lemon', 'pear', 'watermelon', 'tomato'] print(fruits[0], fruits[1], fruits[2], fruits[3]) # lemon pear watermelon tomato print(*fruits) # lemon pear watermelon tomato + keyword arguments를 unpack할 때: ** date_info = {'year': "2021", 'month': "04", 'day': "14"} filename = "{year}-{month}-{day}.txt".format(**date_info) pri.. Programming/Python 2022. 7. 20.

• 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.