승밈

문제 아래 예제와 같이 개를 출력하시오. 입력 없음 출력 개를 출력한다. 예제입력 없음 예제 출력 |\_/| |q p| /} ( 0 )"""\ |"^"` | ||_/=\\__| 문제풀이 console.log( `|\\_/| |q p| /} ( 0 )\"\"\"\\ |\"^\"\` | ||_/=\\\\__|`) ◎ 필요한 지식 1. backtick javascript에서 backtick(`) 을 사용하여 문자열을 표현한것을 '템플릿 리터럴' 함 1) 줄바뀜을 쉽게 할 수 있고 2) 문자열 내부에 표현식을 포함할 수 있음 2. \ 사용 백슬래쉬, 쌍따음표, 따음표 를 표현하기 위해서는 앞에 \ 를 붙혀줘야한다. 입력 출력 \\ \ \" " \' ' 출처 https://www.acmicpc.net/proble..

리엑트 기초 내용 1. 데이터 바인딩 핵심 "{}" 2. Style 직접 지정시에도 "{}"" 사용해야함 3. "..." deepcCopy 방법임, = 으로 카피할경우 참조변수가 생성됨(Array,Object),...으로 할시 독립적인 카피 4. state 값 변경은 변경함수를 사용해야함(state에 직접 접근X) 5. deepCopy로 값을 복사해서 수정 후, 변경함수에 적용하는 방법이 있음 6. {}안에는 변수,함수를 쓸 수 있음 7. var \[num1,num2\] = \[10,100\]; // a에는 10 b에는 100을 넣는다 8. var(변수 선언전에 호출 가능, 값 지정 안해줘도됨) 9. let(변수 선언전에 호출 불가능, 값 지정 안해줘도됨), const(변수 선언전에 호출 불가능, 값 지..

Route 사용시 유용한 Component 및 hook Link 'react-router-dom'에서 import 해서 사용할 수 있는 Component 페이지를 이동시킬 수 있음 '' 태그를 만드는것과 유사함 home useHistory() Link 처럼 페이지를 이동 시킬 수 있는 hook 'react-router-dom'에서 import 해서 사용 let history = useHistory(); 페이지 이동내역 + 다양한 함수가 저장된 objcet{} 자료 형태 { history.goBack();//뒤로가기 history.push('/')//원하는 경로로 이동 }}>뒤로가기 Switch 매치되는 Route들을 전부 보여주지말고 한번에 하나의..

4. Routue SPA 에서 여러가지 페이지를 만들고 싶을때 사용 설치 터미널에서 react-router-dom 라이브러리를 설치하여 사용 npm install react-router-dom index.js 설정 import {BrowserRouter,HashRouter} from 'react-router-dom'; . . . . . . HashRouter VS BrowserRouter HashRouter : URL 맨 뒤에 /#/ 이 붙은채로 시작 BrowserRouter : URL 맨 뒤에 /link 으로 시작 HashRouter 사용 이유 : URL에 #을 통해 요청되는것은 서버에서 요청을 받아주지않음. 즉, URL을 통해 서버에게 이상한 페이지를 요청하지 않기 위해 사용 사용 or..

3. Component class , function 클래스 컴포넌트 작성법 class로 정의하고 render() 함수에서 JSX를 반환한다.java import React, {Component} from 'react'; class App extends Component { render() { const name = 'react'; return {name} } } export default App; >> 특징 * state, lifeCycle 관련 기능사용 가능하다. * 메모리 자원을 함수 컴포넌트보다 조금 더 사용한다. * 임의 메서드를 정의할 수 있다. > 함수 컴포넌트 작성법 * function 으로 정의하고 return 문에 JSX로 렌더링한다.java import R..

유난히 더웠던 여름, 21년 7월 11일 초복을 맞아 삼계탕을 도전해봤어요! 닭은 1인 1닭 이 국룰이니까 가족들 먹을 닭 4마리와 찹쌀, 마늘, 백숙재료들을 사왔어요! 삼계탕은 닭안에 있는 내장을 깨끗하게 딱는게 중요한 포인트라고 하더라구요! 닭 안에있는 내장 찌거기와 똥집을 제거하고, 불필요한 지방부위들도 과감하게 잘라줍니다! 닭 손질이 끝나면, 먼저 닭 머리를 집어넣어서 위에 구멍을 막는데(?) 처음하니까 이게 생각보다 잘 안되더라구요..!! 과감하게 넣으면 되요! 그리고 닭 안에 마늘, 찹쌀, 대추(저는 안좋아해서 안넣었어요), 수삼 등을 취향껏 를 넣고 닭은 양반다리로 꾀면 되요! 저는 양파를 한번 넣어봤는데 생각보다 괜찬더라구요! 닭을 양반다리로 꾀는건 허벅지쪽에 칼로 미리 구멍을 뚫어서 닭다..

오늘의 메뉴는 으깬 감자 샐러드인 매쉬드 포테이토와 햄치즈로 구성된 샌드위치! 기본적인 매쉬드 포테이토는 감자와 계란만 있어도 충분하지만, 샌드위치에 넣을 거라 식감을 위해 당근, 양파, 크래미를 추가로 준비했어요. 깜빡하고 사진을 안찍었지만 양파는 꼭!! 찬물에 담가서 매운맛을 빼줘야해요. 그렇지 않으면 양파 매운맛이 매쉬드 포테이토맛을 망쳐요 :( 푹 삶은 감자에 삶은 계란, 버터와 조금의 우유를 넣고 감자의 열기로 버터를 녹이면서 으깨주면 됩니다! 씹히는 식감이 좋을 경우, 감자를 너무 많이 안 으깨시는 걸 추천드려요! 또한 갓 삶은 감자는 매우 뜨거우니 포크로 으깨주는 것이 좋아요. 재료들이 어느 정도 섞이면 양파와 당근 크래미, 마요네즈를 넣고 한번 더 섞어주면 매쉬드 포테이토 완성! 식빵 위에..

문제 아래 예제와 같이 고양이를 출력하시오. 입력 없음 출력 고양이를 출력한다. 예제입력 없음 예제 출력 \ /\ ) ( ') ( / ) \(__)| 문제풀이 console.log( `\\ /\\ ) ( ') ( / ) \\(__)|`) ◎ 필요한 지식 1. backtick javascript에서 backtick(`) 을 사용하여 문자열을 표현한것을 '템플릿 리터럴' 함 1) 줄바뀜을 쉽게 할 수 있고 2) 문자열 내부에 표현식을 포함할 수 있음 2. \ 사용 백슬래쉬, 쌍따음표, 따음표 를 표현하기 위해서는 앞에 \ 를 붙혀줘야한다. 입력 출력 \\ \ \" " \' ' 출처 https://www.acmicpc.net/problem/10171 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오...