⚡프로그래밍언어는 뭐라고 생각하시나요? 프로그래밍 언어란 사람과 컴퓨터(컴파일러,인터프리터) 모두가 이해할 수 있는 약속된 형태의 인공어입니다. 주로 프로그래밍언어는 구문(syntax)와 의미(semantics)의 조합으로 표현됩니다. ** 프로그래밍이란? 요구사항의 집합을 분석해 적절한 자료구조와 함수의 집합으로 변환한 후 그 흐름을 제어하는 것 ⚡렌더링이란 뭔가요? 렌더링이란 HTML,CSS,Javascript로 작성된 문서를 해석하여 브라우저에 시각적으로 출력하는 것입니다. 때로는 서버에서 데이터를 HTML로 변환해서 브라우저에게 전달하는 과정 (SSR: Server Side Rendering)을 말하기도합니다. ⚡Ajax를 설명해주세요 Ajax는 자바스크립트를 이용해 서버와 브라우저가 비동기 방식..
function solution(genres, plays) { let map = new Map() let set = [...new Set(genres)] for(i=0 ; i
⚡문제정보 예를 들어서 논문 5편중 3번이상 인용된 논문이 3편이상이고 나머지 논문이 3번 이하로 인용되었다면 3이 H-index입니다. 설명하기 되게 애매하네요.. 하여튼 구현 자체는 쉬울 것 같았습니다. 🔍나의 풀이 function solution(citations) { for( i = Math.max(...citations) ; -2 ele > i).length if(answer >= i) return answer } return } citations에서 가장 큰 값을 i로 넣어주고 i가 -2보다 작을때까지 i를 계속 빼줍니다. 그리고 i보다 큰 요소들만 담아서 길이를 재주고 answer와 i의 길이가 같거나 ..
⚡문제정보 문제를 대충 읽으면 착각하고 구현하기 쉬운 문제였습니다. 예제를 보는 편이 오히려 조금 더 직관적이지 않나 싶네요 x가 등장한 횟수와 x가 아닌 글자가 등장한 횟수가 일치하게 되었을때 정답카운터를 1 올려주면 됩니다. 🙄제한사항 s는 영어 소문자로만 이루어져 있습니다. 🔍접근방법 값을 저장할 변수가... 많이 필요할 것 같다. 1. 정답을 카운팅해줄 변수 2. 기준이 되는 x가 무엇인지 저장할 변수 3. x가 등장한 횟수를 세어줄 변수 4. x외의 나머지가 등장한 횟수를 세어줄 변수 변수만 선언하면 구현 자체는 for문으로 순회하면서 찾으면 쉽게 찾을 수 있을 듯 하다. 🔍나의 풀이 function solution(s) { let x = s[0] let xcounter = 1 let anoth..
🔍함수 컴포넌트에서 useState 사용하기 리액트 16.8이전버전에서는 함수 컴포넌트에서 state를 사용할 수 없었지만 useState함수를 사용하여 함수 컴포넌트에서도 state를 사용할 수 있게 되었답니다. 또한 useState를 사용하는 과정에서 Hooks라는 것을 사용하게됩니다. 🔍useState 사용해보기 import React from "react"; import { useState } from "react"; const Say = () => { const [message, setMessage] = useState(""); const onClickEnter = () => setMessage("안녕하세요"); const onClickLeave = () => setMessage("안녕히가세요"..
⚡클래스형 컴포넌트의 state import { Component } from "react"; class Counter extends Component { constructor(props) { super(props); this.state = { number: 0, }; } render() { const { number } = this.state; return ( {number} { this.setState({ number: number + 1 }); }} > +1 ); } } export default Counter; 예제코드입니다. ⚡super(props) class Counter extends Component { constructor(props) { super(props); this.state = ..
⚡컴포넌트의 역할 1. 데이터가 주어졌을 때 이에 맞추어 UI를 만들어줌 2. 라이프사이클 API를 이용하여 컴포넌트가 화면에서 나타날 때 사라질 때 변화가 일어날 때 주어진 작업들을 처리할 수 있음 3. 임의 메서드를 만들어 특별한 기능을 붙여줄 수 있음 🔍클래스형 컴포넌트 import "./App.css"; import { Component, Fragment } from "react"; class App extends Component { render() { const name = "react"; return {name}; } } export default App; 이런 식으로 컴포넌트가 이루어져있습니다. 😎함수 컴포넌트와 클래스형 컴포넌트의 차이? 클래스형 컴포넌트는 state기능 , 라이프 사이클..
⚡IF 대신 삼항연산자 function App() { const name = "리액트" return ( {name === "리액트" ? ( 리액트에용 ) : ( 리액트아니에용) } ); } 삼항연산자는 많이 사용하던거라 익숙한데 괄호 표기가 살짝 안익숙하네요 삼항연산자는 조건문이 참일 경우 : 왼쪽에 있는 코드를 실행하고 참이 아닌 경우 : 오른쪽에 있는 코드를 실행합니다. 근데 삼항연산자 자체가 JS문법이다보니 삼항연산자 전체를 {}로 묶어서 처리하는군요 function App() { const name = "리액트" return ( {name === "리액트" ? ( 리액트에용 근데용 ) : 리액트아니에용 } ); } 리턴하는 html 태그가 한줄이면 ()를 생략해도 사용가능하지만 그게 아닌 경우에는..
