전체 글

❓ 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 = "짱구"; // 실행하면 문자열로 자동 인식이처럼 실행 시점에 변수의 타입이 자동으로 결정되기 때문에 코드 작성 중에는 오류를 미리 발견하기 어렵다.그래서 의도하지 않은 동작을 유..

❗ 문제출처: 프로그래머스 코딩 테스트 연습,https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr대문자와 소문자가 섞여있는 문자열 s가 주어집니다.s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요.'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다.단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다.예를 들어 s가 "pPoooyY"면 true를 retu..