전체 글

❓ 컴포넌트리액트로 만든 페이지는 컴포넌트로 구성되어 있고, 함수형 컴포넌트이다.component 를 번역하면 "요소" 라고 번역해 준다.즉, 함수형 컴포넌트는 함수로 작성된 요소라고 할 수 있다. 이러한 컴포넌트들을 조립해서 페이지를 구성하는데,이렇게 조립해서 사용하면 비슷한 부분들은 다른 페이지에서 코드를 재사용할 수도 있고 유지보수도 쉬워진다.++) 모든 컴포넌트는 대문자로 시작한다.  ❗ 컴포넌트 생성컴포넌트를 생성할 때, 일반적으로 return 문에서 div 로 감싸주며, 빈 태그 로 감싸는 것도 가능하다.그리고 컴포넌트를 외부에서 사용할 수 있도록 export default 를 이용해서 내보낸다.이를 통해 다른 파일에서 import 하여 사용할 수 있다.// Hello.jsxconst Hel..

❓ JSXJSX 는 JavaScript 를 확장한 문법이다.쉽게 말하자면 자바스크립트에서 Html 과 유사한 문법을 사용할 수 있도록 만들어진 문법? 우리가 기존에 웹 사이트를 만들 때, Html, Css, JavScript 를 가지고 만들었다면React 에서는 Html 대신 JSX, Css, JavaScript 를 가지고 만든다고 이해하면 쉽다. ❓ JSX 문법 (+ Html 과의 차이점)1. classhtml 에서 클래스를 부여할 때 class 를 사용했지만, JSX 에서는 className 을 사용한다.기존 HTMLJSX 문법  2. styleJSX 에서는 style 을 정의할 때, {{ 속성명: "속성값" }} 와 같이 객체 형태로 작성한다.그리고 CSS 속성명은 카멜케이스로 표현해야 한다.예를 ..

❓ HTMLHTML은 HyperText Markup Language의 약자이다.그럼 HyperText 는 뭐고 Markup 은 뭘까?  HyperText 는 간단히 말하자면 하이퍼 링크를 통해 다른 문서로 접근할 수 있는 텍스트이다. 하이퍼 링크를 클릭하면 해당 링크로 이동할 수 있으며,이를 통해 웹 페이지는 서로 연결되어 사용자에게 다양한 정보를 제공할 수 있다.  Markup 은 태그 를 이용해서 텍스트의 구조와 의미를 정의하는 방식이다.HTML 은 이름에서 알 수 있듯이 마크업 방식을 사용해 웹 문서의 구조를 정의한다.예를 들어, 아래 코드를 보면 태그는 제목을, 태그는 문단을, 과 태그는 리스트를 나타낸다.제목임문단임 리스트 1 리스트 2 리스트 3 리스트 4네이버로 이동  ❓ H..

❗ 문제 출처: 프로그래머스 코딩 테스트 연습, https://school.programmers.co.kr/learn/courses/30/lessons/12934?language=javascript 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다.n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고,n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요.  ❓ 나의 풀이function solution(n) { let sqrt = Math.sqrt(n..

[TS] 타입스크립트 쓰는 이유?타입스크립트는 뭐고 타입스크립트는 왜 쓰는 걸까?자바스크립트도 충분히 어렵고 복잡한데... 흑흑하지만 이겨내고 공부해 봅시다. (나 자신 파이팅)❓ 타입스크립트타입스크립트는 단순히 자hye-story-o0o.tistory.com❓ 기본 타입 간단한 예제1. string: 문자열let name: string = "짱구"; 2. number: 숫자let age: number = 5; 3. boolean: true, falselet isHappy: boolean = true; 4. number[ ], Array: 숫자로 이루어진 배열let scores: number[] = [90, 80, 85]; 5. string[ ], Array: 문자열로 이루어진 배열let favorite..

타입스크립트는 뭐고 타입스크립트는 왜 쓰는 걸까?자바스크립트도 충분히 어렵고 복잡한데... 흑흑하지만 이겨내고 공부해 봅시다. (나 자신 파이팅)❓ 타입스크립트타입스크립트는 단순히 자바스크립트에 타입을 부여한 언어이다.우리가 자바스크립트를 공부하면서 접했던 그 타입! (string, number, boolean ...)물론 추가적으로 다양한 타입이 존재한다. ❓ 왜 쓸까?우선 자바스크립트는 동적 언어이다.동적언어는 쉽게 말해서 런타임 즉, 프로그램이 실행되어 동작하는 시점에서 변수의 타입이 결정되는 언어이다.let name = "짱구"; // 실행하면 문자열로 자동 인식이처럼 실행 시점에 변수의 타입이 자동으로 결정되기 때문에 코드 작성 중에는 오류를 미리 발견하기 어렵다.그래서 의도하지 않은 동작을 유..