전체 글 119

네이밍 컨벤션📛

네이밍 컨벤션이란🤔하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성 좋게 단어를 한눈에 구분하기 위해 규정한 명명 규칙 3가지 유형의 네이밍 컨벤션이 자주 사용됨 🐪 카멜케이스첫글자를 제외하고 대문자로 표현한 방식이 낙타 모양과 비슷하다고 하여 카멜케이스라 함자바스크립트에서 일반적으로 변수나 함수의 이름을 사용let camelCase;🐍스네이크 케이스언더바_가 들어 있는 표현 방식이 뱀처럼 생겼다고 하여 스네이크 케이스라 함let snake_case;📛파스칼 케이스시작 글자가 대문자로 표현한 방식이  파스칼 언어의 표기법과 유사하다고 하여 파스칼 케이스라 함자바스크립트에서 일반적으로 생성자 함수, 클래스의 이름을 사용let PascalCase; ⭐코드 전체의 가독성을 높이려면 케멜케이스와 ..

웹개발 기타 2024.10.01

[html] option태그에 링크 걸기🔗

개인소개사이트 만들던 중 option에 링크를 걸일이 생겼다!👻문제 1. option에 링크 걸기(새탭에서 열기)👻문제 2. 링크가 없는 option은 선택비활성화 및 링크 막기✅해결 1. select태그에 onchange로 걸기! ✅해결 2. option태그에 disabled추가, value값을 none or # 을 주고, select태그 onchange에 if걸기! 노션(준비중)👇 최종 👇 ★파도타기★ 블로그 깃허브 노션(준비중)

html 2024.10.01

[firebase] firebase , Firestore Database란🤔

firebase란🤔구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼으로,개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와줌👉쉽게말해, 웹 서버를 대신 만들어 주는 서비스(백엔드없이 빌드,배포가능!)⚠️무료는 할당량이 있음 Firestore Database란🤔 구글의 클라우드 기반 NoSQL 데이터베이스👉쉽게말해, 데이터베이스 서비스로 데이터를 저장하고 관리할 수 있는 기능을 제공 *SQL vs NoSQL : [데이터베이스] 데이터 베이스 개념, 종류 포스팅 참고 [데이터베이스] 데이터 베이스 개념, 종류데이터베이스란 🤔 ?데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음! 쉽게말해 데이터를 잘 찾기 위해 존재하는 것 👉정..

웹개발 기타 2024.10.01

[JS]자바스크립트란

자바스크립트란👩‍💻웹 페이지에 동적인 행동과 상호작용을 추가하는 프로그래밍 언어 쉽게말해, 프로그래밍 언어 중 하나로 브라우저가 알아들을 수 있는 언어! * html는 웹 페이지의 구조와 뼈대를 정의하는 마크업 언어* css는 그 구조에 스타일을 적용하여 시각적으로 꾸미는 역할 mdn 공식사이트에서는자바스크립트는 일급함수를 가지고 있는 가벼운, 인터프리터(또는 런타임 컴파일) 프로그래밍 언어다.참고: https://developer.mozilla.org/ko/docs/Web/JavaScript자바스크립트 엔진이 필요!= 인터프리터(한줄한줄 실행)[참고] [JS]실행 컨텍스트, 자바스크립트 엔진💻실행 컨텍스트란🤔 자바스크립트 코드가 실행되는 특정 환경각 실행 컨텍스트는 특정한 정보를 포함하고 있으며..

자바스크립트 2024.10.01

[데이터베이스] 데이터 베이스 개념, 종류

데이터베이스란 🤔 ?데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음! 쉽게말해 데이터를 잘 찾기 위해 존재하는 것 👉정보를 쉽게 찾고 업데이트 가능👉많은 양의 정보를 효율적으로 관리할 수 있음데이터 베이스의 종류✏️관계형 데이터베이스 비관계형 데이터베이스표처럼 규칙이 딱딱 정해져 있어서 잘 정리된 자료를 관리하기 좋음규칙 없이 자유롭게 정보를 넣을 수 있어서 유연함👉데이터의 구조와 요구 사항에 맞춰서 선택하기!

웹개발 기타 2024.10.01

[GIT]필수 명령어💻(1)

git 초기세팅git init🔸git 사용시 먼저 초기화(딱 한번만 입력) => .git폴더 생성 git 저장소에 저장git add 파일명🔸 변경 사항 추가git commit -m "변경사항내용"🔸 변경된 파일들을 저장소에 기록(자세히 기록하는것이 좋음!)git add.🔸 변경사항을 한번에 지정 git push🔸 변경사항을 원격 저장소에 업로드 git 확인git status🔸 변경 상태를 확인(ex: 어떤파일이 변경됐는지등)git log🔸 저장 내역을 확인git 복사git clone🔸 저장소에서 코드를 복사 git pull🔸 변경된 코드를 내 코드에 가져오기

git 2024.09.30

[GIT]git, github란🤔

git이란🤔✏️소프트웨어의 변경사항을 체계적으로 추적하고 통제하는것👉쉽게 말해, 프로젝트의 파일 변경 이력을 추적하고, 여러 사람이 동시에 작업할 수 있게 도와주는 버전 관리 도구(협업시, 백업시 아주 유용!!!)최종.txt,최최종.txt,최최최종.txt을 피할수 있다..! *git사이트에서는 아래와 같이 소개되어있다Git은 빠르고 효율적으로 작은 프로젝트부터 대규모 프로젝트까지 모든 것을 처리하도록 설계된 무료 오픈 소스 분산형 버전 제어 시스템입니다.[참고] https://git-scm.com/github란🤔✏️백업과 공유가 가능한 온라인 코드 저장소, git 호스팅 웹 서비스👩‍💻github외에도 gitlab , bitbucket등 있지만, 주로 개인은 github 회사는 gitlab을 사..

git 2024.09.30