분류 전체보기489 [프로그래머스] 월간 코드 챌린지 시즌3 "없는 숫자 더하기" (파이썬) 문제 https://programmers.co.kr/learn/courses/30/lessons/86051 코딩테스트 연습 - 없는 숫자 더하기 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. programmers.co.kr 코드 def solution(numbers): sum = 0 for i in numbers: sum = sum + i answer = 45 - sum return answer 코드 설명 0+1+...+9 = 45 매개변수로 받은 numbers 배열의 숫자의 합을 저장할 sum을 0으로 초기화 리스트 내부 요소.. 2022. 4. 25. [React] Link to 밑줄 없애기 Link의 스타일 속성에서 위와 같이 밑줄 없애기를 선택할 수 있다. 참고 https://tinyurl.com/ybf4kmeo [javascript] React Router의 Link 컴포넌트 밑줄을 제거하는 방법은 무엇입니까? - 리뷰나라 다음이 있습니다. 파란색 밑줄을 제거하려면 어떻게합니까? 코드는 다음과 같습니다. Team 1 MenuItem 구성 요소는 http://www.m daplus.net 2022. 4. 10. [React, FrontEnd] 가계부 웹 사이트 프로젝트 일지-2. 페이지 간 이동 구현 (a href와 Link to의 차이점) 페이지 만들기 우선 대시보드에 연결할 페이지를 여러 개 만들어 준다. CalendarPage.jsx import React from "react"; import styled from "styled-components"; export default function CalendarPage() { return 캘린더; } const Section = styled.section` margin-left: 18vw; padding: 2rem; height: 100%; @media screen and (min-width: 280px) and (max-width: 1080px) { margin-left: 0; } `; 안의 내용은 대강 이 페이지가 어떤 페이지인지 인식만 가능할 정도로 채워준다. 태그를 이용해 내용만 .. 2022. 4. 9. [React, FrontEnd] 가계부 웹 사이트 프로젝트 일지-1. 대시보드 만들기 대략적인 구상도 (구현 전) 완벽하게 똑같지 않더라도 대략 이런 식으로 구현하려고 생각 중이다. 구현 중에 많이 달라질 것 같기는 하다. (구현 후) 최종 구현 이미지는 초기와 완전히 달라졌다. 참고한 UI 소스가 마음에 들어서 거의 그대로 따라갔다. 색상 팔레트 출처: https://www.design-seeds.com/ Design Seeds for all who love color | inspiration & color palettes www.design-seeds.com 바이올렛 베이스의 웹 사이트를 만들고 싶어서 위 색상과 인터넷에서 서칭한 여러 색깔을 사용했다. 구현 UI의 기본 틀은 아래 동영상을 따라하며 구성했고, 바꾸고 싶은 부분은 따로 커스텀했다. styled-components 사용 .. 2022. 4. 8. [React]material ui 로그인 페이지 템플릿 코드 분석 로그인 페이지 코드 분석 전체 페이지 코드 분석 로그인 창 아래 copyright 부분을 구현한 코드 function Copyright(props) { return ( {"Copyright © "} 소셜 가계부 {" "} {new Date().getFullYear()} {"."} ); } 1. variant="body2" color="text.secondary" align="center" {...props} Typography 컴포넌트 https://mui.com/customization/typography/ Typography - MUI The theme provides a set of type sizes that work well together, and also with the layout grid.. 2022. 3. 31. [React]material ui 대시보드 템플릿 설치 대시보드 템플릿 설치 대시보드 템플릿 다운로드 페이지 https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=templates-store React themes & templates | MUI Store This is a collection of the best React templates, React dashboard, and React themes. Our collection was curated by MUI's creators. It includes templates and themes for dashboard, admin, landing page, e-commerce site, application, and more. mui.. 2022. 3. 29. [React, FrontEnd] 웹 사이트 프로젝트 일지-1. 프로젝트 생성과 material ui 설치, 템플릿 이용해서 로그인 및 회원가입 페이지 구현(중단) 리액트 폴더 만들기 create-react-app . material ui 사용 https://mui.com/getting-started/installation/ Installation - MUI Install MUI, the world's most popular React UI framework. mui.com yarn add @mui/material @emotion/react @emotion/styled yarn add @mui/material @mui/styled-engine-sc styled-components yarn add @mui/icons-material 위 명령어들을 터미널에 입력해서 필요한 패키지들을 모두 다운받아 준다. material ui 템플릿 https://mui.com/gett.. 2022. 3. 28. [생활코딩]React 강좌 내용 정리5(Create, Update, Delete) 보호되어 있는 글 입니다. 2022. 3. 20. [생활코딩]React 강좌 내용 정리4(state) 보호되어 있는 글 입니다. 2022. 3. 20. [생활코딩]React 강좌 내용 정리3(props, 이벤트) 보호되어 있는 글 입니다. 2022. 3. 19. [생활코딩]React 강좌 내용 정리2(컴포넌트 생성) 보호되어 있는 글 입니다. 2022. 3. 19. [생활코딩]React 강좌 내용 정리1(설치, 수정, 배포) 보호되어 있는 글 입니다. 2022. 3. 19. 이전 1 ··· 26 27 28 29 30 31 32 ··· 41 다음 반응형
