TypeScript
·
Web
타입스크립트는 자바스크립트의 타입 부분을 업그레이드해서 사용하는 일종의 자바스크립트의 대용품입니다. 자바스크립트는 동적 타입(Dynamic typing)을 지원하여 타입에 관대하지만, 타입스크립트는 타입을 엄격하게 검사하여 타입을 제대로 쓰지 않았을 경우 에러로 변환해 줍니다. 이는 큰 프로젝트에서 타입과 관련된 버그를 줄이는 데 매우 유용합니다.타입스크립트는 자바스크립트의 상위 집합으로, 자바스크립트 코드를 그대로 사용할 수 있으면서도 추가적인 타입 검사와 최신 ECMAScript 기능을 제공합니다. 이를 통해 더 안전하고 유지보수가 쉬운 코드를 작성할 수 있습니다. 1. 일반 HTML CSS JS 웹개발시 타입스크립트를 사용하려면,Nodejs를 설치합니다.Vscode에디터에서 터미널을 오픈한 후,np..
Github 폴더 구조 바꾸기
·
Web/Setting
저같은 경우 공부를 하면서 깃헙에 커밋을 하며 기록을 남기고 있었는데요,그런데 도중 원해 하나의 폴더에서 깃을 남기고 있었는데, 또 다른 프로젝트를 같은 언어로 진행하게 되어, 한 폴더에 두개의 프로젝트로 나누어져야 하는 상황이 생겼습니다.원래의 폴더 구조는nextjs project .git 다수의 파일들 이었다면,새로운 폴더 구조는NEXTJS nextjs project nextjs project2 .git 으로 변동을 해야되었습니다. 그렇기에 이를 해결한 방법은 .git 폴더를 최상위 폴더인 NEXTJS 폴더로 옮기고 NEXTJS 폴더에서 git add .과 git push를 함으로써 모두 깃허브에 정상적으로 올라가게 되었습니다.
Node.js 초기설정
·
Web/Setting
Step 1. Nodejs를 검색하여 밑의 사이트에 들어가 LTS 버전을 다운받아서 설치합니다. Step 2.npm init -y 작업용 폴더를 만들어서 vscode로 폴더를 엽니다. 폴더 내에 server.js란 파일을 만든 후, 터미널을 열어 위와 같이 입력하여, package.json 파일을 생성합니다. Step 3.npm install express 코드를 쉽게 작성하는데 도움을 줄 express 라이브러리와npm install -g nodemon 서버를 자동으로 재시작시켜줄 nodemon을 설치합니다. Step 4.const express = require('express')const app = express()app.listen(8080, () => { console.log('http:/..
Next.js 초기설정 및 파일 설명
·
Web/Setting
Next.js 개발 환경 세팅에 관해 포스팅해보려 합니다.먼저, 구글에 Nodejs 검색해서 LTS라 써져있는 버전을 설치합니다. 설치가 완료되었으면 작업용 폴더를 만든 후, vscode로 엽니다.그 후 터미널에,npx create-next-app@latest 를 입력 후 엔터 시 프로젝트 생성이 됩니다.폴더명과 사용할 언어같은 경우에는 알아서 체크해주시면 됩니다.사이트를 브라우저로 미리보기를 띄우고 싶다면,npm run dev를 입력해 터미널에 나온 url로 접속하면 됩니다. app 폴더 : 우리가 코드를 입력할 폴더입니다. page.js : 메인페이지 layout.js : 메인페이지 감싸는 용도의 페이지입니다. public 폴더 : 이미지나 static 파일 보관용 폴더입니다.api 폴더 : 서버기능..
[Git] VsCode를 활용해 깃 레파지토리와 연동하기
·
Web/Setting
깃을 활용하여 기록하다보니,  만들어진 레파지토리를 vscode와 연동을 어떻게 시키는지 자꾸 까먹는것 같아 이번 글을 포스팅하도록 하겠습니다. 먼저 깃에 로그인 하여, 깃 레파지토리를 생성합니다. 만드실때 Add a README file을 체크하셔도 되지만, 체크를 안하고 생성해주셔도 되십니다(Readme파일을 생성하면 최초 커밋 시 파일 기록이 달라서 오류가 발생할 수 있기에 저는 따로 만들지 않았습니다.) 생성 후에는 이런식으로 나오게 되는데요,이후 vscode를 열어 깃에 설명된 대로 터미널에 작성해주시면 됩니다.  1. 기존 프로젝트 폴더를 vscode로 열어주시고, git을 초기화해줍니다.git init 2. 레파지토리에 연결시킵니다. git remote add origin https://gi..
ADsP 자격증 준비부터 합격까지
·
자격증
데이터분석 준전문가(ADsP : Advanced Data Analytics Semi-Professional)란 데이터 이해에 대한 기본지식을 바탕으로 데이터분석 기획 및 데이터분석 등의 직무를 수행하는 실무자를 말합니다. 그래서 ADsP는 데이터 분석을 희망하는 이들이 많이 따는, 자격증 중 하나입니다. 저 또한 마찬가지로, 관련 전공을 가지고 있기에, 공부를 하며, 차근차근 준비해보게 되었습니다. 시험 준비 기간저의 경우 시험준비기간을 3일 정도로 잡았었습니다. (그러나 추후 제 점수를 보시면 아시겠지만 이러시면 안됩니다..)이유는, 전공자이기도 하고, 시험은 2024년 이후로는 서술형없이 객관식만 나온다 하였기때문입니다. 또한, 문제은행식이었기에, ADsP 전용인 파랭이 책에서 기출문제를 풀고, 답지..
GAC(Google 애널리틱스4) 자격증 준비부터 합격까지
·
자격증
저는 데이터분석 분야 함께 디지털 마케팅에 관심이 있지만 마케팅 관련해서는 수업을 들은적도 없고, 마케팅 툴을 사용한 실습같은 것을 해본적이 없기에, 관련 자격증이라도 한번 공부해보아야겠다 싶었어요. 그래서 마케팅 관련 자격증은 무엇이 있는지 찾아보던 중 구글에서 인정해주는 GA4 활용 능력 인증서인 GAC 자격증이 있다고 하기에 한번 따보자라는 생각으로 도전해보게되었습니다! GA4란? 기업의 마케터이거나 비즈니스를 운영하는 사람이라면 한 번쯤 GA4에 대해 들어보셨을 텐데요. GA(Google Analytics)는 웹사이트 트래픽을 추적하고 분석하는 데 도움이 되는 도구로 잘 알려져 있다고 합니다. GA를 활용하면, 트래픽을 기반으로 방문자의 유입 출처 확인이 가능하고, 사이트 내에서 사용자의 행동을 ..
[통계] One-way ANOVA
·
통계
분산분석(ANOVA)은 세 개 이상의 집단 간의 평균 차이를 비교하는 통계적인 방법 중 하나입니다. 일반적으로 t-test는 두 집단 간의 평균 차이를 비교하는 데 사용되지만, 집단이 세 개 이상인 경우에는 여러 번의 t-test를 시행하게 되면 1종 오류(유의수준에서 오류를 범할 확률)를 증가시킬 수 있습니다. 그래서 이를 피하기 위해 ANOVA를 사용합니다. 그런데 여기에서 우리는 생각해볼수 있습니다. 왜 평균 분석이 아니라 분산 분석인걸까요? 분산분석이 사용되는 이유 먼저 one way Anova에 사용되는 변수를 보면, 종속 변수 (Dependent Variable): 연속형 변수여야 합니다. 즉, 수치형 데이터여야 하며, 예를 들어 키, 몸무게, 성적 등이 종속 변수가 될 수 있습니다. ANOV..
richpotato
EASY PEASY CODING