본문 바로가기
728x90
728x90

Frontend54

자바스크립트 데이터 타입과 변수 일반적인 프로그래밍 언어의 데이터 타입은 정수, 실수, 문자, 문자열, 부울 등이 있다. 자바스크립트의 모든 값은 데이터 타입을 가지며 자바스크립트는 7가지의 데이터 타입을 제공한다. 원시타입 number string boolean null undefined symbol 객체타입 object 자바스크립트에서 변수에 데이터를 할당하기 위해서는 다음과 같이 사용한다. var x = 3; var x = 3.0; var x = 'x'; var x = "hello"; var의 의미는 변수(variable)의 의미이며 일반적인 프로그래밍 언어와는 조금은 다른 문법이다. 변수는 메모리의 공간이고 일반적으로 한정사를 통해서 값의 종류와 크기를 정하도록 한다. 하지만 자바스크립트에서는 어떤 타입이어도 모두 var를 선언.. 2023. 3. 14.
자바스크립트 개발 환경 설정 자바스크립트 개발 환경 설정 편집 도구 웹문서를 다루고 그 안에 스크립트 코드를 넣어야 하기 때문에 웹문서를 편집할 수 있는 편집기가 필요하다. 코드 에디터를 사용하면 코드 자동완성, 문법 오류 감지, git 연동 등의 편리한 기능을 사용할 수 있고 가장 인기 있는 에디터는 마이크로소프트의 비주얼 스튜디오 코드(VS Code) 이다. 브라우저 모든 브라우저와 node.js는 자바스크립트 엔진을 내장하고 있으며 자바스크립트는 브라우저와 node.js 환경에서 실행할 수 있다. 브라우저의 호환성, 상호 운용성 등을 확인하기 위해서 브라우저는 웬만하면 모두 준비하는 것이 좋다. 개발자 입장에서는 개발자 도구가 편리해야하는데 크롬 브라우저가 제공하는 개발자 도구가 가장 막강하기 때문에 많이 사용된다. 개발자 도.. 2023. 3. 13.
자바스크립트의 탄생 배경 1995년 당시 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈는 정적인 HTML을 동적으로 표현하기 위해 경량의 프로그래밍 언어를 도입할 필요성을 느꼈다. 그래서 탄생한 것이 브렌던 아이크가 개발한 자바스크립트이다. 자바스크립트는 1996년 3월 넷스케이프 커뮤니케이션즈 웹 브라우저인 Netscape Navigator 2에 탑재되어 Mocha라는 이름으로 명명되었다가 LiveScript로 이름이 변경되었고 최종적으로 JavaScript로 명명되었다. 웹에서는 form에 아이디와 패스워드를 입력하면 post된 데이터를 웹서버가 받아 처리하게 되는데 아이디와 패스워드를 아무렇게 넣거나 아무것도 입력하지 않고 입력한다면 서버에 요청은 가게 되고 그 값을 확인 하기 위해서.. 2023. 3. 12.
Next.js 설치 방법 및 기본 사용법 Next.js 설치 방법 및 기본 사용법 Next.js 설치 방법 간단히 아래의 명령어를 실행하면 설치 할 수 있다. 이 명령을 실행하려면 먼저 NodeJS가 설치되어 있어야 한다. npx create-next-app@latest # or yarn create next-app # or pnpm create next-app 타입스크립트 기반으로 프로젝트를 설치하고 싶다면 —typescript 플래그를 추가한다. npx create-next-app@latest --typescript # or yarn create next-app --typescript # or pnpm create next-app --typescript 먼저 pages 폴더에서 보여줄 페이지를 설정한다. const Home = () => {.. 2023. 3. 9.
728x90
728x90