[Git] git branch를 모르면 얼른 들어와야지 뭐해.
·
웹개발/GIt
자 git branch를 모른다고?서론 접고 바로 시작한다.너가 코드를 짜다가, 새로운 기능을 추가하고 싶어.그러면 어떻게 해?원본 파일에 코드를 추가해도 좋지만, 잘못해서 오류가 나거나 망가지면 어떡할래?진짜 울고싶고 화나고 다 접고 싶을거야. 음음.. 그럴거야. 그러면 겁쟁이 같지만 복사본을 만들고 거기다가 추가하는 방법잉 ㅣㅆ어.이러면 잘못되었을때 복사본을 날리면 되니까 간단하지? 그런데 이런건 하남자나 하는거야.상남자는 이렇게.. 크흠 이럴때 사용하는게git branch 브랜치명위 명령어를 사용하면 새로운 가지(파일)을 만드는 거야.branch는 나무의 가지라고 생각하면 돼.하나의 가지를 만들어서 거기다가 파일을 옮기는건데 잘못되면 잘라버리면 되니까.어때 복사본 만드는거랑 비슷하지?나는 test1..
[TypeScript] Interface: 타입 지정하기
·
웹개발/TypeScript
타입스크립트에서 타입을 지정하는 방법을 알려드리겠습니다.const a = { name: "Kim", age: 24,};console.log(a);//결과 : { name: 'Kim', age: '24' }변수 a를 const로 선언하고 객체를 할당했을 때,console.log로 변수 a를 출력하게 되면 다음과 같은 결과를 출력받게 됩니다. 이떄 타입스크립트에서는 Type을 지정할 수가 있습니다.const a: { name: string; age: number } = { name: "Kim", age: 24,};console.log(a);위의 코드와 같이 상수 a에 name은 문자열 age는 숫자형으로 명시해줌으로써 타입을 지정해줄 수가 있습니다.타입을 지정할때에는 해당 상수, 변수에 :를 붙이고 ..
Next.js 14 스타일 적용 알려드립니다
·
웹개발/Next.js
Next.js 14에서의 스타일링 방법을 알아보겠습니다.특히, Next.js 공식 팀이 권장하는 테일윈드 CSS를 중심으로 설명드리겠습니다. 테일윈드(Tailwind CSS)테일윈드는 Next.js 공식 팀이 권장하는 스타일링 방법 중 하나입니다. 설치 과정에서 테일윈드 설치 여부를 물어보며, 이를 통해 손쉽게 스타일링을 시작할 수 있습니다.Next.js 보일러 플레이트 생성 과정에서 테일윈드 사용 여부를 Yes로 선택하면, 별다른 설정 없이 자동으로 포함됩니다. 테일윈드는 처음부터 도입해서 사용하는 것을 권장합니다. 중간에 설치를 원한다면, 공식 문서를 참고해서 그대로 설치하면 됩니다. 테일윈드 공식 문서 - Next.js 가이드  Install Tailwind CSS with Next.js - Tai..
Next.js 설치하기
·
웹개발/Next.js
안녕하세요, 웹 개발자 여러분!오늘은 Next.js설치 방법을 알려드리려고 합니다.여러분도 아시다시피, Next.js는 요즘 대세죠? 저도 처음에는 살짝 어려워 보였지만, 실제로 해보니 너무 간단하고 강력하더라구요!Next.js 설치 방법먼저, 다음 명령어를 실행해 Next.js 프로젝트를 만듭니다:$ npx create-next-app@latest .령어를 입력하면 다음과 같은 질문들이 나옵니다. 하나씩 답해볼게요!Would you like to use TypeScript?: 원하시면 Yes, 아니면 No.Would you like to use ESLint?: 코드 품질을 위해 Yes 추천!Would you like to use Tailwind CSS?: 당연히 Yes! Would you like to..
🔢 자바스크립트 Math 객체 완벽 가이드 - 필수 메서드 총정리!
·
웹개발/JavaScript
자바스크립트의 Math 내장 객체안녕하세요, 친구들! 오늘은 자바스크립트의 강력한 내장 객체 중 하나인 Math 객체에 대해 알아볼 거예요. 숫자와 관련된 다양한 작업을 쉽게 할 수 있게 도와주는 이 객체를 통해 코딩을 더욱 재미있게 만들어봐요! 🚀1. Math.min(val1, val2, val3, val4)Math.min 메서드는 주어진 숫자 중 가장 작은 값을 반환해요.let result = Math.min(10, -10, 20, 50, -30);console.log(result); // -30 2. Math.max()Math.max 메서드는 주어진 숫자 중 가장 큰 값을 반환해요.let result = Math.max(10, -10, 20, 50, -30);console.log(result); ..
자바스크립트 개발자라면 꼭 알아야 할 표준 내장 객체!
·
웹개발/JavaScript
자바스크립트의 표준 내장 객체란?안녕, 친구들! 오늘은 자바스크립트에서 꼭 알아야 할 표준 내장 객체에 대해 얘기해볼 거야. 이 객체들은 자바스크립트 엔진에 기본적으로 내장되어 있어서 언제 어디서나 사용할 수 있어! 😎표준 내장 객체란?표준 내장 객체는 자바스크립트 엔진에 항상 존재하는 객체들이야. 덕분에 우리가 코드를 작성할 때 정말 유용하게 쓸 수 있어. 대표적인 표준 내장 객체에는 다음과 같은 것들이 있어:ObjectFunctionArrayStringBooleanNumberMathDateRegExp 이 모든 걸 한 번에 기억하는 건 어려워. 그래서 필요할 때마다 문서를 참고하면 돼! 📚https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference..