본문 바로가기

전체 글166

[React] styled-component 사용해서 html body 왼쪽 여백 없애기 문제 상황 컴포넌트의 위치를 left:0으로 지정해줬음에도 불구하고, 왼쪽 여백이 없어지지 않는 문제가 발생하였다. 이건 body 전체의 margin과 padding 값을 0으로 지정해주면 되는데, 현재 프로젝트의 경우 styled-componet를 사용하고 있었기 때문에, styled-component를 사용하여 body 스타일을 정해줄 수 있는 방법을 알아보았다. GlobalStyle 지정해주기 GlobalStyle.js 파일을 따로 생성해서 body 스타일을 지정해주면 된다. import { createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobalStyle` body { margin: 0; padding: 0; } .. 2022. 12. 11.

[프로그래머스 JS] 다항식 더하기 더보기 문제 설명 한 개 이상의 항의 합으로 이루어진 식을 다항식이라고 합니다. 다항식을 계산할 때는 동류항끼리 계산해 정리합니다. 덧셈으로 이루어진 다항식 polynomial이 매개변수로 주어질 때, 동류항끼리 더한 결괏값을 문자열로 return 하도록 solution 함수를 완성해보세요. 같은 식이라면 가장 짧은 수식을 return 합니다. 제한사항 0 2022. 12. 9.

[프로그래머스 JS] 직사각형 넓이 구하기 / Math.max() Math.min() 더보기 문제 설명 2차원 좌표 평면에 변이 축과 평행한 직사각형이 있습니다. 직사각형 네 꼭짓점의 좌표 [[x1, y1], [x2, y2], [x3, y3], [x4, y4]]가 담겨있는 배열 dots가 매개변수로 주어질 때, 직사각형의 넓이를 return 하도록 solution 함수를 완성해보세요. 제한사항 dots의 길이 = 4 dots의 원소의 길이 = 2 -256 { x_arr.push(dot[0]); y_arr.push(dot[1]); }) let x = Math.abs(Math.max(...x_arr) - Math.min(...x_arr)); let y = Math.abs(Math.max(...y_arr) - Math.min(...y_arr)); let answer = x*y; return a.. 2022. 12. 9.

[React] React.js - Django REST framework API 사진 올리기 및 출력하기 Django 장고 설정은 이 글을 참고 바람 https://developer0809.tistory.com/104 [#. Django] Django admin/api(drf)에 image 업로드하고 react에서 image 불러오기 웹사이트 랜딩 페이지에 swiper.js를 이용한 슬라이드 이미지, 제목, 내용을 admin에서 추가/수정할 수 있도록 하려고 한다 django admin에 모델을 추가하고 rest api에도 추가할 것이다 ① Pillow 설치 Pillow developer0809.tistory.com React.js 이미지 경로를 설정해주면 된다. src={http://localhost:8000/letter/uploads/images/${currLetter.photoName}} 400 에러날.. 2022. 12. 8.

[JS] input type=date 일 때 오늘 이후로만 날짜 선택되게 하기 // 다른 날짜 선택 시, 내일부터 선택가능하게 하기 let today = new Date(); let tomorrow = new Date(today.setDate(today.getDate() + 1)); let year = tomorrow.getFullYear(); let month = tomorrow.getMonth() + 1; let day = tomorrow.getDate(); if (month < 10) { month = "0" + month; } if (day < 10) { day = "0" + day; } let availableDay = `${year}-${month}-${day}`; 참고 문서 https://developer.mozilla.org/ko/docs/Web/HTML/Elemen.. 2022. 12. 8.

[Next.js] 프로젝트 생성하기 1. 프로젝트 생성하기 - 타입스크립트 X npx create-next-app@latest # or yarn create next-app # or pnpm create next-app - 타입스크립트 O npx create-next-app@latest --typescript # or yarn create next-app --typescript # or pnpm create next-app --typescript 2. next, react, react-dom 설치하기 npm install next react react-dom # or yarn add next react react-dom # or pnpm add next react react-dom 3. npm 설치하기 - 안하면 script 실행 시, ".. 2022. 12. 7.

[프로그래머스 JS] 숨어있는 숫자의 덧셈 (2) 더보기 문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string은 소문자, 대문자, 자연수로만 구성되어있습니다. my_string안의 자연수들의 합을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 1 ≤ my_string 안의 자연수 ≤ 1000 연속된 수는 하나의 숫자로 간주합니다. 000123과 같이 0이 선행하는 경우는 없습니다. 문자열에 자연수가 없는 경우 0을 return 해주세요. 입출력 예my_stringresult "aAb1B2cC34oOp" 37 "1a2b3c4d123Z" 133 입출력 예 설명 입출력 예 #1 "aAb1B2cC34oOp"안의 자연수는 1, 2, 34 입니다. 따라서 1 + 2 + 34 .. 2022. 12. 7.

[프로그래머스 JS] 이진수 더하기 (10진수 2진수 변환) 더보기 문제 설명 이진수를 의미하는 두 개의 문자열 bin1과 bin2가 매개변수로 주어질 때, 두 이진수의 합을 return하도록 solution 함수를 완성해주세요. 제한사항 return 값은 이진수를 의미하는 문자열입니다. 1 ≤ bin1, bin2의 길이 ≤ 10 bin1과 bin2는 0과 1로만 이루어져 있습니다. bin1과 bin2는 "0"을 제외하고 0으로 시작하지 않습니다. 입출력 예bin1bin2result "10" "11" "101" "1001" "1111" "11000" 입출력 예 설명 입출력 예 #1 10 + 11 = 101 이므로 "101" 을 return합니다. 입출력 예 #2 1001 + 1111 = 11000 이므로 "11000"을 return합니다. 알고리즘 구현을 위해서 .. 2022. 12. 7.

[개발일지] 하이디라오 훠궈 소스 백과사전 아이디어 나는 (한식 제외) 향신료가 들어간 음식들을 그다지 좋아하지 않아 훠궈를 먹어본 적이 없었다. 하지만 요새 내 주변 친구들은 '하이디라오'라는 식당을 매우 좋아하는 데, 이 곳은 다른 훠궈 식당과는 다르게 직접 소스를 만들어먹을 수 있는 소스바가 있다. 소스 재료 종류가 정말 다양하기 때문에 이들을 조합할 수 있는 레시피 또한 아주 많다. 하지만 식당에는 4~5가지의 소스 제조법만 적혀있었다. 인터넷에서 내가 본 소스 레시피는 더 많았는데! 그래서 이 레시피들을 모아서 한 곳에서 확인할 수 있다면 정말 편할 것 같다는 생각이 들었다. 버전 1 개발 이 때 당시에는 내가 막 HTML/CSS 그리고 자바스크립트 조금 적응해가던 때였기 때문에 데이터베이스같은 고오급 기술을 생각할 여력이 없었다. 레시.. 2022. 12. 7.

이전 1 ··· 6 7 8 9 10 11 12 ··· 19 다음

티스토리툴바