개발자 되는 중 154

내배캠 TIL 2023.02.10

div에 백그라운드로 이미지를 넣으면 된다 ㅠㅠㅠ https://redpixelthemes.com/blog/tailwindcss-background-image/ How to work with background images in Tailwind CSS There are multiple ways to work with background images using Tailwind but I’ll show you the 3 most common (and recommended) ways to do it on your project. Via the tailwind config: Let’s start the old-fashioned way, by adding it to the tailwind config. redpi..

내배캠 TIL 2023.02.09

스크럼마스터 : 선형 오늘 팀원들 상태 희현 : 잘 못 잤다. 피곤하지만 눈 뜨고 앉아있으니까 괜찮아지고 있다. 서연 : 잘 잔 줄 알았으나, 막상 일어나니 피곤하다. 하지만 프로젝트를 진행할 정도는 된다. 하다보면 괜찮아질 것 같다. 선형 : UI 만들다가 늦게 잤고, 엄청 피곤하다고 생각했는데, 깨서 앉아 있다보니까 잠이 깬다. 시윤 : 아침이라 좀 맹한 상태지만, 잠을 잘 자고 일어났다. 어제 한 일 UI 만들기 프로젝트 디테일에 대한 회의 및 스크럼 디자이너 개발자 소통 특강 오늘 할 일 오늘 오후 스크럼 17시에 진행 UI 브랜치 pull request UI 마저 구현 UI 구현 끝난 사람은 기능 구현 시작 11시 디자이너님과 회의 6시까지 기술 멘토링 사전노트 제출 진행상황 시윤: 드래그 드롭..

내배캠 TIL 2023.02.07

https://velog.io/@swanious/TIL-.d.ts%ED%8C%8C%EC%9D%BC%EC%97%90%EC%84%9C-reference-typesreact-scripts%EC%9D%B4-%EB%AD%98%EA%B9%8C [TIL] react-app-env.d.ts파일 속 /// ? 프로젝트에서 .env파일에 있는 변수를 사용하려면 보통 아래처럼 사용할 수 있다. 근데 이렇게만 사용하면 typescript 프로젝트 상에서는 변수가 undefined 이라면서 오류가 발생한다. 타입지정을 안 velog.io https://velog.io/@nana1005/React-TypeScript-Tailwind-%EC%84%A4%EC%A0%95 React + TypeScript + Tailwind 설정 Ta..

[level 0] 문자열 뒤집기 - 120822

[level 0] 문자열 뒤집기 - 120822 문제 링크 성능 요약 메모리: 33.5 MB, 시간: 0.06 ms 구분 코딩테스트 연습 > 코딩테스트 입문 채점결과 정확성: 100.0 합계: 100.0 / 100.0 문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 입출력 예 my_stringreturn "jaron" "noraj" "bread" "daerb" 입출력 예 설명 입출력 예 #1 my_string이 "jaron"이므로 거꾸로 뒤집은 "noraj"를 return합니다. 입출력 예 #2 my_string이 "bread"이므로 거꾸로..

[level 0] 점의 위치 구하기 - 120841

[level 0] 점의 위치 구하기 - 120841 문제 링크 성능 요약 메모리: 33.5 MB, 시간: 0.06 ms 구분 코딩테스트 연습 > 코딩테스트 입문 채점결과 정확성: 100.0 합계: 100.0 / 100.0 문제 설명 사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를매깁니다. x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다. x 좌표가 음수, y 좌표가 양수이면 제2사분면에 속합니다. x 좌표와 y 좌표가 모두 음수이면 제3사분면에 속합니다. x 좌표가 양수, y 좌표가 음수이면 제4사분면에 속합니다. x 좌표 (x, y)를 차례대로 담은 정수 배열 dot이 매개변수로 주어집니다. 좌표 dot이 사분면 중 어디에 속하는지 1..

[level 0] 아이스 아메리카노 - 120819

[level 0] 아이스 아메리카노 - 120819 문제 링크 성능 요약 메모리: 33.4 MB, 시간: 0.03 ms 구분 코딩테스트 연습 > 코딩테스트 입문 채점결과 정확성: 100.0 합계: 100.0 / 100.0 문제 설명 머쓱이는 추운 날에도 아이스 아메리카노만 마십니다. 아이스 아메리카노는 한잔에 5,500원입니다. 머쓱이가 가지고 있는 돈 money가 매개변수로 주어질 때, 머쓱이가 최대로 마실 수 있는 아메리카노의 잔 수와 남는 돈을 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 = 5500) { money -= 5500; count++ } return [count, money] }

내배캠 TIL 2023.02.03

팀원들과의 아침 조회시간에 알게된 것 @media라고 나오고 lg, md, sm로 나누어서 설정해주는것은 반응성있게 만들 때 넣어주는 것이다. 그래서 최소 ~px 까지라는 내용을 볼 수 있었다. 당근마켓 클론 코딩 좋아보인다. 다음에 나도 한번 도전...? 깊은 복사를 해주는 내장함수의 등장! 멋지다 이제는 고민 말고 그냥 이걸 써주면 된다. https://developer.mozilla.org/en-US/docs/Web/API/structuredClone structuredClone() - Web APIs | MDN The global structuredClone() method creates a deep clone of a given value using the structured clone algo..

[level 0] 배열 원소의 길이 - 120854

[level 0] 배열 원소의 길이 - 120854 문제 링크 성능 요약 메모리: 33.5 MB, 시간: 0.05 ms 구분 코딩테스트 연습 > 코딩테스트 입문 채점결과 정확성: 100.0 합계: 100.0 / 100.0 문제 설명 문자열 배열 strlist가 매개변수로 주어집니다. strlist 각 원소의 길이를 담은 배열을 retrun하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ strlist 원소의 길이 ≤ 100 strlist는 알파벳 소문자, 대문자, 특수문자로 구성되어 있습니다. 입출력 예 strlistresult ["We", "are", "the", "world!"] [2, 3, 3, 6] ["I", "Love", "Programmers."] [1, 4, 12] 입출력 예 설명..