몸과 마음이 건전한 SW 개발자

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/155651 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정답 코드 def solution(book_time): newBookTime = [] for bts, bte in book_time: nbts = bts.split(":") nbte = bte.split(":") newBookTime.append([int(nbts[0])*60+int(nbts[1]), int(nbte[0])*60+int(nbte[1])]) visited = [0 for..

Vue를 설치하고 실행할 수 있다. 기타 환경 설정 Vue 설치 Vue 실행 1. 기타 환경 설정 Vue 공식 홈페이지에 따르면 현재 최신 버전의 Vue를 사용하려면 node v18.3 이상이어야 한다. node 설정은 아래 링크에 있다. 공식 홈페이지 또한 밑에 있다. https://ko.vuejs.org/guide/quick-start.html Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org https://sound-programming.tistory.com/186 리액트 타입스크립트 시작하기 [React, TypeScript, NVM, Prettier] node.js 설치 nvm 설치 nvm 간단 ..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/159993 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정답 코드 function solution(maps) { const n = maps.length; const m = maps[0].length; let [Sr, Sc] = [0, 0]; let [Er, Ec] = [0, 0]; let [Lr, Lc] = [0, 0]; let cnt = 0; for (let i = 0; i < n; i++) { for (let j = 0; j < m; ..

리액트 네이티브 타입스크립트로 앱을 만들 수 있다. 리액트 네이티브에서도 prettier를 사용할 수 있다. npx create-expo-app --template Node.js, Prettier 설치 및 파일 만들기 tsconfig.json package.json 1. NPX CREATE-EXPO-APP --TEMPLATE https://reactnative.dev/docs/typescript Using TypeScript · React Native TypeScript is a language which extends JavaScript by adding type definitions. New React Native projects target TypeScript by defa..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/160585 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정답 코드 def solution(board): # O의 개수 X의 개수 cntO = 0 cntX = 0 # 누가 이겼는지 winO = [0] winX = [0] def whoWin(who): if who == "X": winX[0] += 1 else: winO[0] += 1 return #개수 새기 for i in range(3): for j in range(3): tmp = boa..

display: flex를 사용해서 도형을 가로로 정렬할 수 있다. justify-content를 사용해서 도형을 정렬할 수 있다. display: flex justify-content 반응형 기타 코드 1. Display: Flex 파란색 테두리의 초록색 큰 직사각형은 display: flex가 적용되지 않았다. 따라서 도형은 세로로 정렬된다. 하지만 display: flex를 적용하면 첫째 줄의 작은 상자들 처럼 가로로 정렬된다. 2. Justify-Content justify-content: center를 적용하면 가운데 justify-content: flex-end를 적용하면 오른쪽으로 정렬한다. (그냥 end와 right도 비슷한 기능을 하는 것 같다.) 위의 사진을 참..