Dev Diary 💻

1. How to Get Help pass 2. Join Our Community! done 3. Course Resourse pass 4. Let's Build an App! 어떻게 리액트를 빨리 배웠을까라는 질문을 많이 받습니다. 이 질문에 답할 수 있는 대답은 딱 한가지입니다. You have to write code and you have to work on projects 5. Critical Questions 1. What's React All about? 리액트는 (1) HTML을 보여주거나 (2) 사용자가 무언가를 할 때, HTML이 변한다. 6. A Few More Critical Questions 2. How does a React app start up? 1. All of your p..

Intro 안녕하세요. 이번 시간에는 코틀린의 목록에 데이터를 추가하는 방법에 대해 알아보도록 하겠습니다. How to do 예를 들어 다음과 같이 arrayList 가 있다고 가정해봅시다. val arrayList = ArrayList() addAll() 혹은 add() 메소드를 통해 array List에 데이터를 추가할 수 있습니다. arrayList.addAll(countryList) arrayList.add(0, categoriesData(41, "All Categories")) arrayList.add(1, categoriesData(42, "Favorite"))

Intro 안녕하세요. 이번 시간에는 object list에서 단일 field 값을 가져오는 방법에 대해 알아보도록 하겠습니다. 예를 들어 아래와 같은 코틀린 코드가 있다고 가정해봅시다. 여기서 { "hong", "kil" } 와 같은 형식으로 단일 필드 값만 가져오고 싶으면 어떻게 해야 할까요? fun main(args:Array){ println("Hello World") val list = listOf(member("hong",10), member("kil", 10)) } data class member(var name:String, var age:Int) How to solve the problem 아래와 같이 간단하게 map() 메소드를 통하여 name이라는 필드만 가져올 수 있습니다. val ..

Intro 안녕하세요. 이번 시간에는 JavaScript로 타임존 time zone offset을 구하는 방법에 대해 알아보도록 하겠습니다. 그러기에 앞서 우선 타임존 개념을 잠깐 훑어보고 진행하겠습니다. What is a time zone? 타임존(time zone)은 동일한 로컬 시간을 따르는 것을 의미하며, 통상적으로 국가별 고유한 타임존을 사용하고 있습니다. Offset? 오프셋은 UTC와의 차이를 나타낸 것을 말합니다. 예시로 UTC+09:00 에서 +9:00는 UTC의 기준시간보다 9시간이 빠르다는 것을 의미합니다. 대한민국의 타임존은 KST (Korea Standard Time) 이라고 불리기도 합니다. How to get a offset? 아래의 코드를 활용하여 offset을 구할 수 있습..

Intro 이번 시간에는 코틀린에서 array 배열 사이즈를 구하는 방법에 대해 알아보겠습니다. Kotlin Array Size 코틀린에서 배열의 사이즈를 얻기 위해서는 배열 객체의 size property를 읽어야 합니다. size property는 배열 요소의 number 숫자를 리턴합니다. 또한 array class의 count() 함수를 사용하여 사이즈를 얻을 수도 있습니다. Syntax arr.size Examples # 1 size property 를 통해 배열의 크기를 구하는 예제입니다. fun main(args: Array) { val arr = arrayOf(2, 4, 6, 8, 10) val length = arr.size println("Array size : $length") // ..

Intro moment.js 라이브러리를 사용하여 날짜 객체를 다루던 도중 다음과 같은 오류가 발생했습니다. Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-da..

Intro react-datepicker 라이브러리를 사용하던 도중, 끝날짜가 시작 날짜를 선택할 수 없도록 날짜를 제외해야 했습니다. How to solve the problem 구글링 후 아래와 같은 답변을 찾았습니다. DatePicker 속성의 minDate를 사용하여 제외할 날짜를 넣어주면 됩니다. https://stackoverflow.com/questions/50626937/react-datepicker-exclude-past-dates

Intro react-datepicker 라이브러리를 사용하던 도중 CSS 가 적용 안되는 에러가 발생했습니다. 참고로 저는 타입스크립트도 적용해야 했기 때문에 라이브러리 설치는 아래와 같이 진행하였습니다. yarn add react-datepicker yarn add @types/react-datepicker react-datepicker 공식 홈페이지에 있는 Default 예제를 코드에 넣어 실행하자, css가 전혀 적용되지 않는 상태로 화면에 뜨더군요. () => { const [startDate, setStartDate] = useState(new Date()); return ( setStartDate(date)} /> ); }; Why? 바로 구글링을 해봤습니다. 저와 비슷한 에러를 겪으신 분들..

Intro kotlin 기반의 조회 API를 만들던 도중 아래와 같은 에러가 발생했습니다. Non-terminating decimal expansion; no exact representable decimal result. Why? 값을 구하기 위해 divide를 통해 두 BigDecimal 값을 나눠주었습니다. 분명 에러가 없었는데, 왜 에러가 발생했는지 구글링을 하여 검색해봤습니다. BigDecimal 나누기를 할 경우 정확한 값이 떨어지지 않으면 다음의 "Non-terminating decimal expansion; no exact representable decimal result." 에러가 발생한다고 합니다. 기존 테스트 하던 데이터에서는 정확히 값이 떨어져 나눠졌기 때문에 에러가 발생하지 않았..

Intro spring boot에서 service를 주입하여 사용하던 도중 다음의 오류가 발생하였습니다. The dependencies of some of the beans in the application context form a cycle 인텔리제이 터미널에 순환 참조되고 있다는 표시와 함께 잘 올라가던 서버가 동작하지 않았더군요.. Why? 처음 보는 오류라서 이게 뭘까 싶었습니다. 구글링을 해보니 두 파일에서 서로 동일하게 생성자를 주입해 사용해서 순환 참조가 일어나고, 때문에 에러가 발생했던 것이였습니다. How to solve the problem 구글링한 결과, 순환 참조 오류를 해결할 방법은 크게 3가지가 있었습니다. #1 application.yml 변경 spring: applicati..