https://reactnavigation.org/docs/navigation-container/😘 Navigation 이란?React Navigation 라이브러리에서 제공하는 컴포넌트로, 내비게이션 상태를 관리하고 앱의 내비게이션 트리를 설정하는 역할을 한다.모든 네비게이터(navigator)는 NavigationContainer 안에 위치해야 하며, 이는 내비게이션 상태가 적절하게 관리되고 유지되도록 한다.💡 언제 사용할까?앱의 최상위 수준에서 내비게이션 상태를 관리할 때네비게이터를 설정하고, 각 화면(Screen)을 정의하고 화면 전환이 필요할 때 📌 필요한 라이브러리 설치npm install @react-navigation/nativenpm install @react-navigation/s..

[JS] 자바스크립트 비동기처리란? (1)자바스크립트를 다루면 무조건 보게 되는 비동기처리!잊지 말자는 뜻에서 포스팅한다... 📌  비동기(Asynchronous) 란?  쉽게 얘기하자면,동기는 차근차근 처리하는 것이고 비동기는 한꺼번에 여khw063011.tistory.com 지난 글에서는 자바스크립트의 비동기처리에 대해서 포스팅해보았다.이번 글에서는 비동기처리의 핵심인 async 와 await 에 대해서 다루어보겠다. 😱 async 와 awaitasync:함수의 앞에 붙여서 해당 함수가 비동기 함수임을 나타낸다.즉 function 앞에 붙어야 한다.  function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. 프라미스가 아닌 값을 반환하더라도 이행 상태의 프라미스(resolv..

자바스크립트를 다루면 무조건 보게 되는 비동기처리!잊지 말자는 뜻에서 포스팅한다... 📌  비동기(Asynchronous) 란?  쉽게 얘기하자면,동기는 차근차근 처리하는 것이고 비동기는 한꺼번에 여러개를 수행할 수 있는 것이다.즉 더 쉽게 얘기하자면 비동기는 멀티가 되는 것이다.   그래서 만약, 프로그램을 짤 때 동기식으로 짠다면동기 코드는 한 줄씩 차례대로 실행된다. 즉, 한 작업이 완료될 때까지 다음 작업이 시작되지 않는다. 이렇게 말로 들으면 이해되겠는데... 한번 코드를 보며 이해해보자! 😤 코드로 이해하기 function synchronousExample() { console.log('첫 번째 시작'); for (let i = 0; i  이렇게 하면 결과값은첫 번째 시작첫 번째 완료..

🤨 SPA 란? Single Page Application 의 약자로 React 의 특징이다. 우리가 구글 페이지를 들어가면 구글 페이지 그대로 보인다. 이때 우리가 검색을 누르든, 지메일을 누르든 서버에 어떤 요청을 하면, 서버는 이 페이지를 다시 보여주게 된다. 이때 기존의 페이지는 매번~~~ 우리의 요청마다 페이지가 구성이 되어있고, 요청에 맞는 페이지를 다시 구성해서 보여주게 되는데 이는 시간이 오래걸리는 과정이다.  하지만 SPA 로 이루어진 홈페이지는 이름 그대로 single! 한 페이지로 구성이 되어있다. 즉 요청에 따라서 페이지 전체가 아니라, 필요한 부분만 바뀌어서 보여주게 되고 이는 시간과 데이터를 효율적으로 활용할 수 있는 방법이다. 💡 랜더란? 쉽게말해서 보여준다는 것이다. 이..

1. 진료과별 총 예약횟수 확인하기문제APPOINTMENT 테이블에서 2022년 5월에 예약한 환자 수를 진료과코드 별로 조회하는 SQL문을 작성해주세요. 이때, 컬럼명은 '진료과 코드', '5월예약건수'로 지정해주시고 결과는 진료과별 예약한 환자 수를 기준으로 오름차순 정렬하고, 예약한 환자 수가 같다면 진료과 코드를 기준으로 오름차순 정렬해주세요.https://school.programmers.co.kr/learn/courses/30/lessons/132202  문제 pointGROUP BY 는 같은 값을 가진 행끼리 하나의 그룹진료과 코드 별로 ~ 뭘 알고싶은거니까일단 진료과코드로 그룹핑을 해주고, 원래 진짜 테이블 내에서 뽑아주는 것이 포인트이다.(*HAVING 이 아니라 WHERE 을 쓰는 이유..

https://school.programmers.co.kr/learn/challenges?tab=sql_practice_kit  1. 평균 대여 일일요금 구하기문제CAR_RENTAL_COMPANY_CAR 테이블에서 자동차 종류가 'SUV'인 자동차들의 평균 일일 대여 요금을 출력하는 SQL문을 작성해주세요. 이때 평균 일일 대여 요금은 소수 첫 번째 자리에서 반올림하고, 컬럼명은 AVERAGE_FEE 로 지정해주세요.https://school.programmers.co.kr/learn/courses/30/lessons/151136  문제 point반올림: ROUND(반올림을 할 숫자, 자릿수)   2. 재구매가 일어난 상품과 회원리스트 구하기문제ONLINE_SALE 테이블에서 동일한 회원이 동일한 상품을..

문제https://www.acmicpc.net/problem/2033 1. 문제 설명10의 자리 숫자이면 1의 자리에서 반올림100의 자리 숫자이면 10의 자리에서 반올림처음 생각한 코드def round_number(n): if n  > 이걸 보니까 ... 문제를 이해하는 게 제일 중요하다고 생각했다 ㅠㅠ일단 정말 정말 간단한 문제라고 생각했고 그냥 길이에 맞춰서 반올림하면 되는거 아닌가?? 라고 생각했는데 계속 ~~틀리는거다..하정말 답답했음 ㅠㅠ 내가 간과했던 것은-> 반복문을 사용하지 않음 -> 다음 자리수로 넘어가지 않음-> 조건에 해당하는지를 검토하지 않음.. 이정도가 될 것 같다. ㅠㅠ  코드 자체는 복잡하지 않은데 문제를 이해하는데 꽤나 오랜시간이 걸렸다.. ㅠ ㅁ ㅠ  제출한 코드N ..

이전 글에 이어서 회원가입 UI 를 완성시켜보자!!!  [React] 회원가입 폼 UI 만들기 (1)1. 회원가입 폼 만들기 handleSubmit() 폼이 제출될 때  실행되는 함수 여기서 나는 아직 백엔드랑 연결을 시키지 않았기 때문에!!어떤 데이터가 입력이 되었는지를 보기 위해서 console.log에만 뜨도khw063011.tistory.com  4. 비밀번호 정규표현식 만들기 ** 정규표현식이란??문자열의 패턴을 표현하는 데 사용되는 형식이다. 이를 사용하면 특정한 문자 조합을 찾거나 문자열을 검색하거나, 대체하거나, 추출하는 등의 다양한 작업을 할 수 있다.정규표현식은 / 기호로 감싸고 있는 패턴으로 표현이 된다. 패턴은 문자열의 일치 여부를 확인하고자 하는 조건을 나타내는데 예를 들어 이메일..

1. 회원가입 폼 만들기 handleSubmit() 폼이 제출될 때  실행되는 함수 여기서 나는 아직 백엔드랑 연결을 시키지 않았기 때문에!!어떤 데이터가 입력이 되었는지를 보기 위해서 console.log에만 뜨도록 했다.  e.preventDefault() 란?--> 이벤트의 기본 동작을 취소하는 메소드이다. 폼을 제출할 때 브라우저는 기본적으로 페이지를 새로고침하거나 새로운 페이지로 이동 동작을 수행한다.이러한 동작을 하게 되면 계속해서 브라우저가 새로고침을 하게되어 제대로 폼이 제출되지 않을 수 있다.! * e.preventDefault()가 없는 코드일 경우--> 이렇게 폼 제출을 눌러도 console에 아무것도 저장되지 않는 것을 확인할 수 있다.(왜??)--> 브라우저가 서버를 새로고침해버려..

본 활동은 이지스퍼블리싱 서평단 후기로 작성되었습니다! 데이터베이스란?여러 사람이 공유할 목적으로 통합 관리하기 위해 논리적으로 연관된 데이터를 모아 일정한 형태로 저장해 놓은 것을 의미한다. 즉 여러 시스템 또는 사용자들이 공용할 목적으로 통합, 저장한 데이터의 집합니이다. MySQL 이란?MySQL 은 데이터를 저장하고 관리하는 데 널리 사용되는 오픈 소스 관계형 데이터베이스를 관리하는 관리시스템(DBMS)이다. 현재 많은 조직에서 널리 사용되며 세계에서 가장 많이 사용되는 데이터베이스 시스템 중 하나로 쓰이고 있다. MySQL은 SQL을 사용하여 데이터를 관리하고 조작한다.    MySQL 장점무료로 사용할 수 있는 오픈 소스 데이터베이스이다. 뷰, 트리거 저장 및 프로시저를 사용하여 개발자에게 더..