Peach's CODE
공부한 내용을 정리중입니다. 틀린 내용이 있을 수 있습니다 : )
목록전체 글 (38)
코딩하는 딱복
머신러닝은 인공지능이라는 가장 큰 범주에 포함된다.인공지능(AI) > 머신러닝(ML) > 딥러닝(DL)순서대로 개념을 정리해보자 인공지능(Artificial Intelligence)동적인 컴퓨팅 환경에 내장된 알고리즘을 생성하고 적용하여 인간의 지능을 모방하는 기초 지능이다. 쉽게 말하자면 인간처럼 사고하고 행동하는 컴퓨터를 만드는 것이다.머신러닝(Machine Learning)클라우드 컴퓨터가 학습 모형을 기반으로 외부에서 주어진 데이터를 통해 스스로 학습하는 것을 말한다. 빅데이터를 분석하고 가공해서 새로운 정보를 얻어 내거나 미래를 예측한다. 즉. 컴퓨터가 스스로 학습하여 인공지능의 성능을 향상 시키는 기술 방법이다.[머신러닝의 3가지 유형]1. 지도학습 : 입력값과 결과값을 주고 학습 시키는 방법..
⚠️ 마운트된 후에 api를 연동할 경우파일 업로더 페이지를 제작중에 file 업로드를 서버측 endPoint를 이용해 구현중에 심각한 에러는 아니지만 계속 노랭이 warn 에러가 떴다. plz use $fetch 라는데,,,, useFetch랑 무슨 차이이길래..!아래는 기존에 작성한 common.js 파일이다.export const request = (url, method, body) => { const config = useRuntimeConfig(); return useFetch(`${url}`, { method, headers: { Authorization: `Bearer ${sessionStorage.getItem("jwt")}`, ..
학원이나 회사를 다니면서 자격증 공부하기란 너무 어려운 일이다,,, 2023년 2회에 필기를 취득했지만, 팀프로젝트와 취업준비 이슈로 인해 미루다가 갑작스럽게 퇴사 이슈로 인해,, 1주일간 빡세게 공부를 해서 2024 1회 실기 시험을 치르게 되었다..! 열심히 살아보고자 SQLD도 등록했지만,, 정말 공부를 시작하기란,, 쉽지 않은 일이다 ㅎㅎ..✨ 정보처리기사 실기 합격 우선 65점 턱걸이로..! 합격하였다! ㅎㅎ 정말 코딩문제가 아주 중요한 것 같다. 복원문제와 답을 비교해 보니 프로그래밍 언어가 10문제가 출제되었고 모두 맞았다! 역시,, 코딩을 파야한다..! 이론은 3문제를 맞혀서 합격,,,사실 1주일 빡세게 공부했기에 후기랄 것도 없지만,, 책을 또 사기엔 아까워서 작년에 구매해 둔 23년도 ..
오늘은 tailwind에 대해서 정리해보려고 한다. 내가 아는 css 프레임워크는 bootstrap밖에 없었는데,, 회사에 오니까 정말 다양한 것들이 많다는 것을 알게되는 것 같다. 역시 개발자,, 멋진 직업,,👍✨ Tailwind CSS 설치하기 Installation - Tailwind CSSThe simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool.tailwindcss.com 우선 VSCode에서 터미널을 열고 아래 명령어를 입력해준다. (Nuxt.js 3 로 개발중입니다.)npm install -D tailwindcssnpx tailwindcss init두..
오늘은 Nuxt3에서 'Lottie'라는 라이브러리를 사용해보려고 한다. 🔮 LottieAirbnb에서 만든 애니메이션 라이브러리로, JSON 기반의 애니메이션 파일이다. 벡터 기반의 애니메이션을 JSON 파일로 변환해 주기 때문에 GIF특유의 버벅거림 없이 부드러운 애니메이션을 구현할 수 있으며 용량이 적고, 크기를 조정해도 해상도가 낮아지지 않는 특징이 있다. Lottie 애니메이션은 무엇일까요? - 로티파일즈Lottie는 JSON 기반의 애니메이션 포맷으로, 어느 기기와 플랫폼에서든 사용할 수 있습니다. LottieFiles을 통해 Lottie 애니메이션을 생성하고 편집하고 테스트할 수 있으며, 다른 사람과 협업하고 전lottiefiles.com 🔮 Lottie 다운로드우선 원하는 애니메이션을 ..
💡 Nuxt.js 란?Nuxt.js는 Vue.js로 빠르게 웹을 제작할 수 있게 해주는 프레임워크로, SSR Vue.js 어플리케이션을 위해 개발되어 클라이언트 측과 서버 측 사이에서 개발하는데 도움을 주는 많은 기능을 제공한다.SSR의 개념은 아래 글을 확인하자 : ) 기본 HTML 파일을 하나로 두는 것다른 페이지로 이동할 때 필요한 부분만 수정하여 작성한다. 🗸 MPA [ M" data-og-host="yundi.tistory.com" data-og-source-url="https://yundi.tistory.com/59" data-og-url="https://yundi.tistory.com/59" data-og-image="https://scrap.kakaocdn.net/dn/bxGIwD/hy..
💡 SPA 와 MPA ?🗸 SPA [ Single Page Application ]하나의 페이지로 구성된 웹 애플리케이션이다. => 기본 HTML 파일을 하나로 두는 것다른 페이지로 이동할 때 필요한 부분만 수정하여 작성한다. 🗸 MPA [ Multi Page Application ]여러 개의 페이지로 구성된 웹 애플리케이션이다.다른 페이지로 이동할 때마다 해당 페이지의 HTML 파일을 서버로부터 다시 받아야 한다. 💡 CSR과 SSR ?🗸 CSR [ Client Side Rendering ]클라이언트에서 렌더링을 담당하는 방식으로, 서버에서 HTML과 JS파일을 받아 브라우저에서 실행시켜 준다.- 초기 로딩 속도가 느리지만 그 이후의 로딩은 빠르다.- 페이지 이동 시 깜빡임이 없다. 🗸 SS..
회사에서 react.js로 개발된 페이지를 Nuxt.js를 사용해 새로운 페이지를 추가할 수 있도록 개발해 보라고 하셨다. 프론트앤드는 javascript와 ajax, css만 사용할 줄 알았기에 본격적으로 프론트앤드 공부를 하게 되었다 :) 완전 럭키비키>우선 nuxt.js를 사용하기 위해서는 node.js가 필요하다. 💡 Node.js 란?자바스크립트 런타임 환경으로, 런타임 환경이란 소프트웨어 어플리케이션을 구축하고 실행하기 위한 인프라를 의미한다.JavaScript는 주로 웹 페이지의 상호 작용을 향상시키기 위해 웹 브라우저 내에서 실행되도록 제한되었는데, JavaScript를 브라우저 내에서 말고도 다른 환경에서 실행할 수 있도록 Node.js가 탄생했다.Node.js 덕분에 JavaSc..