404 page not found : 기록장

기본 연산자 javascript에서는 다양한 종류의 연산자가 사용됩니다. 단항 연산자 단항 연산자는 하나의 피연산자에 대해 적용되는 연산자입니다. 가장 일반적인 단항 연산자는 부호 연산자입니다. 부호 연산자는 + 또는 -로 나타낼 수 있으며, 피연산자의 부호를 반대로 바꿉니다. let x = 10; console.log(-x); // -10 이항 연산자 이항 연산자는 두 개의 피연산자에 대해 적용되는 연산자입니다. 기본 연산자인 덧셈 (+), 뺄셈 (-), 곱셈 (*), 나눗셈 (/), 그리고 나머지 (%) 연산자가 이항 연산자에 해당합니다. let x = 10; let y = 5; console.log(x + y); // 15 console.log(x - y); // 5 console.log(x * y..

자바스크립트에서는 다양한 자료형을 다룰 수 있습니다. 때로는 서로 다른 자료형을 연산하거나 비교해야 할 때가 있습니다. 이때 자동 형 변환이 일어나기도 하지만, 명시적으로 형을 변환해주는 것이 더욱 안전하게 코드를 작성할 수 있습니다. 문자열로 변환 숫자나 불리언 값 등을 문자열로 변환하려면, 각 값의 toString() 메소드를 사용하면 됩니다. let num = 123; let booleanValue = true; console.log(num.toString()); // "123" console.log(booleanValue.toString()); // "true" 숫자로 변환 문자열을 숫자로 변환하려면 parseInt()나 parseFloat() 메소드를 사용합니다. let strNum = "456..

alert, prompt, confirm을 이용한 상호작용 웹 개발에서 사용자와의 상호작용은 매우 중요합니다. 이번 글에서는 자바스크립트의 alert, prompt, confirm을 이용한 상호작용에 대해 알아보겠습니다. alert alert는 가장 간단한 상호작용 방법 중 하나입니다. alert를 사용하면 사용자에게 메시지를 보여줄 수 있습니다. 예를 들어: alert('안녕하세요!'); 위 코드를 실행하면, 사용자에게 안녕하세요!라는 메시지가 나타납니다. prompt prompt는 사용자로부터 입력을 받을 수 있는 상호작용 방법입니다. prompt를 사용하면 사용자에게 질문을 하고, 사용자가 텍스트를 입력할 수 있는 입력창을 제공합니다. 예를 들어: let name = prompt('이름을 입력하세요..

Next.js는 React 기반의 서버사이드 렌더링 프레임워크로, 페이지를 서버에서 렌더링하여 초기 로딩 속도를 개선할 수 있습니다. 이때 getStaticProps와 getServerSideProps는 페이지에서 필요한 데이터를 서버에서 미리 가져와 렌더링하는 방식을 제공합니다. getStaticProps getStaticProps는 빌드 타임에 호출되어 페이지에 필요한 데이터를 미리 가져옵니다. 이후 브라우저에서 해당 페이지를 요청할 때는 서버에서 렌더링된 페이지가 캐시되어 바로 보여지게 됩니다. 이를 사용하면 초기 로딩 속도를 개선할 수 있습니다. 예시 코드: export async function getStaticProps() { const res = await fetch(''); const da..

웹 퍼블리셔로 일하면서, 이미 구축해놓은 프레임워크 내에 하드코딩으로 html / css/sass로 작업하던 필자는 git에 대한 지식이 zero였고, 부트캠프를 들어오면서 처음으로 "Git" 이라는 것을 접하게 되었다! 그래서, Git이 뭔데? Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. 출처 - git website Git은 소규모 프로젝트에서 초대형 프로젝트에 이르기까지 모든 것을 빠르고 효율적으로 처리하도록 설계된 무료 오픈 소스 분산 버전 제어 시스템입니다. "소스..