타닥타닥 개발자의 일상

스티븐은 팁 계산기를 만들고 있다. 팁 계산기의 규칙은 아래와 같다. 계산서 가격이 50불에서 300불 사이이면 팁이 15% 적용된다. 만약 그렇지 않다면 팁은 20% 적용된다. Steven is still building his tip calculator, using the same rules as before: Tip 15% of the bill if the bill value is between 50 and 300, and if the value is different, the tip is 20%. Test data: 125, 555 and 44 Your tasks: 1. calcTip이라는 함수를 만들어서 값을 넣으면 위의 설정에 상응하는 팁을 반환하도록 하라. Write a function 'c..

문제) 돌고래팀과 코알라팀이 3번 경기를 한다. 팀별로 3번 경기의 평균 점수가 계산된다. 오직 상대편 평균점수의 2배를 달성한 팀만 이긴 것으로 간주된다. 그렇지 않을 경우엔 어느 팀도 이길수 없다. Each team competes 3 times, and then the average of the 3 scores is calculated (so one average score per team) . A team only wins if it has at least double the average score of the other team. Otherwise, no team wins! Test data: § Data 1: Dolphins score 44, 23 and 71. Koalas score 65,..

시작하기 전 설정 1. index.html 파일 생성 프로젝트 폴더에 자바스크립트 코드파일(variable.js) 외에도 브라우저의 콘솔창을 통해 결과를 출력하게 해주는 index.html 파일도 생성한다. index.html 2. Use srtict 입력하기 바닐라 자바스크립트 개발시 제일 먼저 'use strict'를 선언해주는 게 좋다. 자바 스크립트의 변수 Variable 1. let ES6에 추가된 변수로, ES6는 글로벌하게 개발자들이 이용하는 자바스크립트 문법이다. 이전에는 var라는 변수를 썼지만, var에는 치명적인 단점이 있다. 바로 var는 hoisting의 성격을 가지고 있기 때문이다. hoisting :move declaration from bottom to top 어디에 선언했냐..

위의 코드를 실행하니 아래와 같은 오류가 났다. java.lang.llegalStateException 검색해보니 pom.xml 파일에서 spring-framework / spring-core / spring-test의 버전이 다르면 이런 에러가 난다고. org.springframework spring-test ${org.springframework-version} version 부분에 아래와 같은 코드를 입력하고 maven을 reload하니까 오류가 사라졌다 ${org.springframework-version} 출처: https://m.blog.naver.com/ysulshin/220934106478 junit test 안될때 에러로그/해결방법 에러로그 java.lang.IllegalStateExce..

참고 사이트 https://docs.expo.dev/versions/latest/sdk/camera/ Camera - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev 시작 프로젝트 생성문 npx react-native init CameraSample --template react-native-template-typescript 설정을 위한 설치문 npm install -g yarn npm yarn --version npm i react-native-camera npm i watc..

https://developerson.tistory.com/117 스프링 부트로 SpringBoot 회원가입, 페이징, 글작성-수정-삭제-답변, 댓글 작성 되는 게시판 페이지 기본적 세팅은 아래글 https://developerson.tistory.com/114 페이징은 아래글을 참고해서 만든 게시판이다. https://developerson.tistory.com/116 별도의 설명 없이 우선 코드만 백업할 예정. 이제 이걸 이해하.. developerson.tistory.com react와 연결시킬 스프링 프로젝트는 해당 링크에 있는 프로젝트다. react와 스프링 부트를 잘 연결시키기 위해서는 sts를 통해서 해당 프로젝트의 서버를 미리 켜준다. 또한 스프링 부트 프로젝트의 BbsDto 부분에 @Js..

builderX를 이용하면 별다른 코드를 작성하지 않고 쉽게 화면의 레이아웃을 만들수 있다. https://builderx.io/ BuilderX BuilderX is a browser based screen design tool that codes React Native & React for you builderx.io 구글 아이디만 있으면 편하게 사용 가능하다. new project를 클릭하면 새로운 레이아웃을 만들수 있다. Device로 OS를 설정하고 화면의 크기를 설정하는 기초 설정을 먼저해준다. 그다음 본인이 원하는 소스를 추가해 화면을 구성하면 된다. 코드를 보기 위해서는 우측 상단의 CODE를 클릭하면 된다. CODE를 클릭하면 Download Component 버튼이 보이는데 이를 클릭...

생성문 npx react-native init sample26 --template react-native-template-typescript 설치문 npm install react-native-gesture-handler npm install @react-navigation/native npm install @react-navigation/native-stack npm install react-native-safe-area-context npm install react-native-screens npm install watcher 파일구조 src 폴더 생성 > 그안에 screens 생성 > DetailScreen, HomeScreen 생성 HomeScreen.tsx import { useNavigatio..

생성문 npx react-native init sample25 --template react-native-template-typescript 설치문 npm install react-native-gesture-handler npm install @react-navigation/native npm install @react-navigation/bottom-tabs npm install react-native-safe-area-context npm install react-native-screens npm install react-native-vector-icons npm install watcher npm i --save-dev @types/react-native-vector-icons 생성파일 src 폴더..

생성문 npx react-native init sample24 --template react-native-template-typescript 생성파일 src 폴더 생성 > 그 안에 component 폴더 생성 > component폴더안에 CountProvider, First, Second, Third, TextProvider 타입 스크립트 파일 생성 TextProvider.tsx import React, { createContext } from "react"; import { Text } from "react-native"; export const TextContext = createContext({}) interface Props{ children: JSX.Element } export default ..