프로그래밍 삽질 중

* 출처 : https://programmers.co.kr/learn/courses/30/lessons/12969 코딩테스트 연습 - 직사각형 별찍기 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수 programmers.co.kr 문제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. * 제한 조건 n과 m은 각각 1000 이하인 자연수입니다..

* 출처 : https://learnjs.vlpt.us/useful/07-spread-and-rest.html [문제] 함수에 n 개의 숫자들이 파라미터로 주어졌을 때, 그 중 가장 큰 값을 알아내세요. 1 2 3 4 5 6 function max() { return 0; } const result = max(1, 2, 3, 4, 10, 5, 6, 7); console.log(result); cs [해결] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function max(...numbers) { return numbers.reduce( // acc 이 current 보다 크면 결과값을 current 로 하고 // 그렇지 않으면 acc 가 결과값 (acc, current) => (cu..

* 출처 : https://learnjs.vlpt.us/basics/09-array-functions.html [문제] 숫자 배열이 주어졌을 때 10보다 큰 숫자의 갯수를 반환하는 함수를 만드세요 1 2 3 4 5 6 function countBiggerThanTen(numbers) { /* 구현해보세요 */ } const count = countBiggerThanTen([1, 2, 3, 5, 10, 20, 30, 40, 50, 60]); console.log(count); // 5 Colored by Color Scripter cs [해결] 1. forEach 1 2 3 4 5 6 7 8 9 10 11 12 function countBiggerThanTen(numbers) { let count = 0;..

* 출처 : https://learnjs.vlpt.us/basics/08-loop.html [문제] 숫자로 이루어진 배열이 주어졌을 때, 해당 숫자 배열안에 들어있는 숫자 중 3보다 큰 숫자로만 이루어진 배열을 새로 만들어서 반환해보세요. 1 2 3 4 5 6 function biggerThanThree(numbers) { /* 구현해보세요 */ } const numbers = [1, 2, 3, 4, 5, 6, 7]; console.log(biggerThanThree(numbers)); // [4, 5, 6, 7] cs [해결 1] 1. 배열 정의 2. 반복문을 사용 3. 반복문 중 조건문 사용 1 2 3 4 5 6 7 8 9 10 11 12 13 function biggerThanThree(number..

* 러닝리액트 2판 내용 중 노트에 정리한 부분을 다시 옮기는 글 * 모든 내용을 담고 있지 않음 * 책 자체가 예시도 있으나(색 바꾸기, 체크박스 등) 주로 이론 중심 ㅇ 문서 객체 모델(DOM) : 명령적 접근(Imperative) 코드가 많아지거나 새로운 기능 추가나 규모의 확장이 어려움 -> 선언적 접근(Declative) 중심(리액트)으로 이루어지는 편, 리액트의 경우 render 함수를 통해 컴포넌트에 있는 지시에 따라 DOM을 생성함 1 2 3 4 5 const rateColor = (color, rating) => ({ //color는 변형 불가능한 객체 ...color, rating }) //중괄호({})는 바로 객체를 반환하지 못함, 괄호가 필요함 cs 1 2 3 4 5 const ad..

* 인프런 '파이널 코딩 테스트 : 프론트엔드' 공부 후 만들어 보는 자료 * 100% 똑같지 않음(저작권이 걸리기 때문) * 네이버 영화 화면(2022.06.05 기준) * 메인화면(검은색 바탕) + footer 화면(회색 바탕) 만들어 볼 것 * html,css가 주 목적 [index.html] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80..

* 인프런 '파이널 코딩 테스트 : 프론트엔드' 공부 후 만들어 보는 자료 * 100% 똑같지 않음(저작권이 걸리기 때문) * 네이버 영화 화면(2022.06.05 기준) * 메인화면(검은색 바탕) + footer 화면(회색 바탕) 만들어 볼 것 * html,css가 주 목적 [index.html] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80..

* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 * 강의에서는 Cart(결제) 내용이지만, 복습 차원으로 진행하는 글이기에 [좋아요] 버튼을 누르는 것으로 변경 * 상황 * 좋아요(♥)를 누를 경우 mongoDB users에 정보가 담김 * 이미 좋아요 버튼을 누른 경우 -> 1에서 고정 [Client] DataInfo.js import React, { useState, useEffect } from "react"; import { Descriptions, Button } from "antd"; import { useDispatch } from "react-redux"; ..