0910

반복문 안에서 break를 만나면, 해당 위치에서 반복문을 즉시 종료하고 빠져나간다. 반복문 안에서 continue를 만나면, 이후의 부분은 건너뛰고 다음 반복을 실행한다. break = 즉시 반복문 탈출 continue = 나머지 부분 건너뛰고, 다음 반복을 실행. break while(조건식) { i++; break; // while문 종료 i--; // 실행 안됨 } continue while(조건식) { i++; continue; // 조건식으로 이동. 뒤에오는 코드 실행 안함 i--; // 실행 안됨 }

개발 공부/Java 2024. 2. 15. 18:07

설치방법 npm install react-icons https://react-icons.github.io/react-icons/ React Icons react-icons.github.io 위의 리액트 아이콘 사이트 접속 후 원하는 아이콘을 클릭하면 아래 사진처럼 나온다. 그리고, 리액트 프로젝트로 돌아가서 사용 할 컴포넌트에 임포트하고 태그식으로 사용하면된다.

개발 실습/WIC(Where Is Coffee) 2024. 2. 3. 16:16

React로 프로젝트를 진행하다보면 선언한 변수를 다른 컴포넌트가 사용할 때가 많다. React는 기본적으로 부모에서 자식으로만 값을 전달할 수 있는 단방향적 라이브러리이다. 아래 사진과 같이 props 문법을 활용해서 값을 계층구조로 전달하는게 되는데, React는 html화면을 여러개의 컴포넌트로 구성해서 출력한다. 즉, 컴포넌트 안에 컴포넌트 안에 컴포넌트.... 계층구조가 수개 ~ 수백개, 그 이상도 될 수 있다. 형식적으로는 상위 컴포넌트에 선언된 변수를 하위 컴포넌트에서 사용하고 싶을때에는 props를 활용해서 계층구조를 거쳐 와야한다. 하지만, Redux라는 라이브러리를 활용하면 원하는 컴포넌트에서 원하는 변수를 맘껏 가져다 사용할 수 있다. 계층구조를 거치지않고 바로 말이다. 엘리베이터를 ..

개발 공부/React 2024. 2. 1. 18:52

웹 브라우저 기준으로 가로(width) 1500px, 세로의 경우는 헤더200px, 풋터150px 고정 헤더 - 홈화면 이동 링크, 로그인/회원가입등의 고객 서비스 포함 바디 - 장소검색, 현재위치, 검색위치와 현재위치 기반 검색결과 노출 풋터 - 사이트 정보, 고객센터등 노출 - 웹 브라우저를 통해 사이트 접속시, 로그인 유무에 상관없이 장소검색 가능. - 현재위치 기능은 gps정보를 받아 올 수 있는 상태에서만 제공가능하도록 구현 목표 (ex) 모바일 위치서비스 허용상태) - 검색 장소 혹은 현재위치 기준 기본으로 1km 반경의 data를 노출, average 설정으로 1~5km 노출 가능하도록 구현 목표 우선 화면에 보여질 프론트엔드 작업먼저 진행 예정 ( 01.31 마무리 목표 )

개발 실습/WIC(Where Is Coffee) 2024. 1. 22. 16:17

React를 활용한 프론트엔드 프로젝트에서 App.js의 구조를 , , 3개의 컴포넌트로 구성을 했다. 3개의 컴포넌트 각각의 return문 최상위 태그를 시맨틱 태그를 header, body, footer를 이용했다. F12키를 눌러서 개발자 도구 창을 열어서 확인해보면 시맨틱 태그명이 잘 나타난다. 하지만 문제가 있었다. 콘솔을 눌러보면 Warning메시지가 나오고있다. 해석을 해보면, 의 자식으로 를 사용할 수 없다는 내용이다. 이 부분은 생각치도 못한 오류다. Warning 이기 때문에 무시해도 되지만, 태그 구조상 성립이 안되는 에러라고 생각이 들었다. 해결을 해보자... 해결방법 1. 시맨틱 태그를 포기하고 태그로 바꾸면서 className을 header, body, footer로 변경하기 리..

개발 실습/WIC(Where Is Coffee) 2024. 1. 19. 18:43

기획의도 브런치를 먹거나, 식사 후 이야기를 하거나 모임의 장소로 카페를 이용할때, WIC서비스를 활용해서 카페정보를 얻을 수 있도록 하기 위해서. 개발방향 프론트엔드와 백엔드를 포함한 풀스택으로 진행 프론트엔드 - Kakao Map API를 사용해서 지도와 가게정보를 받아온다. - Geolocation API를 사용해서 사용자의 현재 위치 받아온다. 백엔드 - 회원정보를 DB에 저장. - 저장된 회원이 이용한 가게의 리뷰를 남길시 DB에 저장 프론트엔드 - 개발도구 : Visual Studio Code - 언어 : JavaScript ( HTML5, CSS3 포함) - 프레임워크 : React - 라이브러리 : 비동기(AJAX) 통신 = AXIOS 백엔드 - 개발도구 : eclipse - 언어 : Ja..

개발 실습/WIC(Where Is Coffee) 2024. 1. 19. 17:08

변수의 선언위치에 따라 인스턴스 변수 / 클래스 변수 / 지역 변수 세가지가 있다. 선언위치 - 클래스 영역 인스턴스 변수(iv) : 변수 타입과 변수명으로 구성. 개별적 속성 클래스 변수(cv) : 변수 타입 앞에 static이 붙는다. 공통 속성 * 공통 속성 : 객체를 생성하지 않아도 사용 가능하다. 형식 : 클래스이름.클래스변수 - 메서드 영역 지역 변수(lv) : 메서드 안에서 선언된다. class Variables { // 클래스 영역 int iv; // 인스턴스 변수 static int cv; // 클래스 변수(공유 변수) // 메서드 영역 void lv() { int lv = 0; } } // 클래스변수(cv)는 객체 생성없이 사용 가능하다. Variables.cv = 5; System.o..

개발 공부/Java 2024. 1. 18. 19:19

객체의 배열은 여러개의 참조변수를 하나로 묶은 것이다. 객체의 배열 = 참조변수의 배열 형식 : 클래스[ ] 배열명 = new 클래스명[길이]; 놓치기 쉬운부분은 참조변수 배열을 생성까지는 문제없이 잘 하지만, 각각의 참조변수에 객체를 할당하지 않는 실수가 종종 발생한다. 잊지말고 할당(초기화)도 해주자. // 1. 참조변수 배열 생성 Car[] carArr = new Car[5]; // 길이가 5인 Car타입의 참조변수 배열 // 길이가 5인 Car타입의 참조변수 배열을 선언만 된 상태일 뿐 // 아직 각각의 참조변수는 객체가 할당되어 있지않다. // 2. 참조변수에 객체 할당 carArr[0] = new Car(); carArr[1] = new Car(); carArr[2] = new Car(); c..

개발 공부/Java 2024. 1. 18. 18:48