본문 바로가기
반응형

FrontEnd89

JS(자바스크립트) 조건문에 대해 학습하자! 조건문은 정말 많이 쓰이고 많은 작업들을 처리하게 해주니 상세하게 알고 가면 좋을 듯 하다.리액트로 가게 되면서 로딩 작업이나 조건에 따라 보여줘야 할때도 많이 쓰이니 공부 하자!조건문 - if문 / switch문자바스크립트에서 조건문은 프로그램의 실행 흐름을 제어하는 데 사용되고,대표적으로 if문과 switch문이 있다.if문주어진 조건이 참이면 해당 코드 블록을 실행하고, 거짓이면 다음 코드 실행let age = 18;if (age >= 18) {//18 이상이면 나옴 console.log("성인입니다.");} else {//18이상이 아니라면 나옴 console.log("미성년자입니다.");} if문은 else if 절을 사용하여 여러 조건을 검사하기도 가능let score = 85;if (sc.. 2024. 6. 7.
JS(자바스크립트)의 연산자에 대해 알아보자! 자바스크립트 연산자는 상식선에서 작동하기 때문에 크게 어렵지 않다! 쉽게 정복해보자 연산자!연산자대입 연산자 대입 연산자는 변수에 값을 할당하는 데 사용, 대입 연산자는 `=`let some = 1; //변수 some에 값 `1`을 대입산술 연산자산술 연산자는 숫자에 대한 기본적인 수학 연산을 수행//덧셈 연산자 `+`let num1 = 3 + 2; //5//뺄셈 연산자 `-`let num2 = 3 - 2; //1 //곱셈 연산자 `*`let num3 = 3 * 2; //6//나눗셈 연산자 `/`let num4 = 3 / 2; //1.5//나머지 연산자 `%`let num5 = 3 % 2; //1//괄호를 사용하여 연산 순서를 지정가능let num6 = (1 + 2) * 10; //30복합 대입 연산자복.. 2024. 6. 6.
React(리액트)의 useRef에 대해 공부하자! useRef는 리액트에서 제공하는 훅 중 하나인데 useState와 비교가 많이 되는 훅인 것 같다.함수형 컴포넌트에서 특정 DOM 요소나 값을 참조할 수 있게 해주는 useRef를 오늘 알아보자!useRefDOM 요소 접근특정 DOM 요소에 접근하거나 조작할 때 사용되는데, 직접 DOM 요소에 접근하여 원하는 작업을 수행할 수 있다querySelector처럼 요소에 접근이 가능 값 저장렌더링 사이에 값을 저장하고 싶을 때 사용되고,. 리렌더링이 발생해도 유지된다.컴포넌트가 리렌더링될 때마다 초기화되지 않고, 지속적으로 유지되어야 하는 값을 저장하는 데 사용useRef의 기본 사용법//ref 사용const myRef = useRef(initialValue);myRef.current initialValue.. 2024. 6. 5.
JS(자바스크립트) 자료형(타입)/원시타입에 대해 공부하자! 자바스크립트도 자료형이 있다.하지만 덜 엄격하기 때문에 그냥 쓰는 경우가 많은 것 같다.(그래서 타입스크립트가 떴겠지) 그러므로 알아보자 자바스크립트의 자료형!오늘은 원시 자료형만!원시 자료형 (Primitive Types)원시 자료형은 변경 불가능한 값을 가지며, 다음과 같은 종류가 있다.숫자형 (Number)숫자형은 정수와 부동 소수점 숫자를 모두 포함자바스크립트에서는 정수형과 실수형을 구분하지 않고 모두 `Number` 타입으로 처리한다추가로 `Infinity`, `-Infinity`, `NaN` (Not-a-Number)도 `Number` 타입이다.//숫자 타입let age = 30;let price = 19.95;let infinite = Infinity;let notANumber = NaN;문.. 2024. 6. 4.
JS(자바스크립트)의 변수 / 상수를 공부해보자! 블로그 정리하다가 자바스크립트 부분은 실수로 다 날렸다...(복습 겸 다시 정리 해서 누구나 쉽게 알아보게 작성해보자!)어느 프로그래밍에서나 중요한 변수!오늘은 자바스크립트의 변수 상수에 대해서 정리한다. 자바스크립트에서 변수와 상수는 데이터를 저장하는 데 사용되는 필수적인 요소이다!데이터를 보관하고, 변경하고, 참조하는 데 필요하고,`var`(얘는 뭐 거의 안씀), `let`, `const` 키워드를 사용하여 변수와 상수를 선언중요)변수는 실제 데이터가 아니라 데이터가 저장된 메모리 주소를 참조let은 가리키는 메모리 주소의 변경이 가능하여 재할당이 가능const는 상수가 가리키는 메모리 주소의 변경이 불가능하여 재할당이 되지 않지만 배열이나 객체안의 값은 변경이 가능하다(배열이나 객체 자체의 메모리 .. 2024. 6. 3.
React(리액트)의 Props를 공부해보자 State는 저번시간에 알아보았고 또 중요한 부모애서 자식으로의 데이터 전송하는 Props를 알아보자상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 전달하는 도구가 PropsProps는 컴포넌트의 속성(HTML의 어트리뷰트 같은 것)을 나타내며,부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용한다또한 props 변경에 따라 컴포넌트가 리렌더링될 수 있다(나중에 알아보자)Props 개념 이해하기Props는 두 가지 방식으로 사용할 수 있는데,구조 분해 할당 없이 props를 인자로 전달하는 방식구조 분해 할당을 사용하여 props 속성을 직접 접근하는 방식function App() { return ( // name이라는 속성으로 Alice라는 값 내려주기 .. 2024. 6. 1.
반응형

티스토리툴바