✏️

연산자 - 스위프트의 연산자는 특정한 문자로 표현한 함수이다. - 특정 연산자의 역할을 프로그래머의 의도대로 변경할 수 있다. - 연산자에 의해 연상되는 값의 수에 따라 단항, 이항, 삼항 등으로 구분한다. - 연산자의 위치에 따라 전위, 중위, 후위 등으로 구분한다. 연산자의 분류 분류 설명 예 단항 연산자 피연산자(연산 대상)가 한 개인 연산자 ! A 이항 연산자 피연산자가 두 개인 연산자 A + B 삼항 연산자 피연산자가 세 개인 연산자 A ? B : C 전위 연산자 연산자가 피연산자 앞에 위치하는 연산자 ! A 중위 연산자 연산자가 피연산자 사이에 위치하는 연산자 A + B 후위 연산자 연산자가 피연산자 뒤에 위치하는 연산자 A! 연산자의 종류 1) 할당 연산자 : 값을 할당할 때 사용하는 연산자..

애플이 처음 스위프트를 발표할 때 강조했던 스위프트 특징 중 안정성이 가장 뚜렷하게 나타나는 부분이다. 스위프트는 타입에 민감하고 엄격하다. 서로 다른 타입끼리의 데이터 교환은 꼭 타입캐스팅을 거쳐야 한다. 스위프트에서 값 타입의 데이터 교환은 타입캐스팅이 아닌 새로운 인스턴스를 생성해 할당하는 것이다. 데이터 타입 안심 - 스위프트는 데이터 타입을 안심하고 사용할 수 있는 언어이다. - 타입을 안심하고 사용할 수 있다 = 실수를 줄일 수 있다는 뜻. - Int 타입 변수에 할당하려는 값이 Character 타입이면 컴파일 오류가 발생한다. - 이런 오류는 프로그래밍 도중 눈치채기 어려워 컴파일러가 알려주지 않으면 찾기 어려움 - 스위프트에서는 컴파일 오류로 알려주기 때문에 서로 다른 타입의 값을 할당하..

데이터 타입 - 스위프트에서 기본으로 제공하는 기능 - 프로그램 내에서 다뤄지는 데이터의 종류를 뜻한다. - 스위프트의 기본 데이터 타입은 구조체를 타입의 기반으로 삼아 스위프트의 다양한 기능을 두로 사용하여 구현되어 있다. - 스위프트의 모든 데이터 타입은 첫 글자가 대문자로 시작하는 대문자 카멜케이스를 사용한다. Int와 UInt - 정수 타입이다. - Int : +, - 부호를 포함한 정수를 뜻하며, - 부호를 포함하지 않는 0을 포함한 양의 정수는 UInt로 표현한다. - 각 타입의 최댓값과 최솟값은 각각 max와 min 프로퍼티로 알아볼 수 있다. - 각각 8비트, 16비트, 32비트, 64비트의 형태가 있다. (Int8, Int16, Int32, Int64, UInt8, UInt16, UInt..

- 변수, 상수, 함수, 메서드, 타입 등의 이름은 유니코드에서 지원하는 어떤 문자라도 사용할 수 있다. 예외 ) 스위프트에서 미리 정한 예약어 또는 키워드 해당 코드 범위 내에서 미리 사용되는 기존 이름과 동일한 이름 연산자로 사용될 수 있는 기호 (+, -, *, /) 숫자로 시작하는 이름 공백이 포함된 이름 - 함수, 메서드, 인스턴스 이름은 첫 글자를 소문자로 사용하는 소문자 카멜케이스를 사용한다. - 클래스, 구조체, 인스텐션, 프로토콜, 열거형 이름은 타입의 이름이기 때문에 첫 글자를 대문자로 사용하는 대문자 카멜케이스를 사용한다. - 대소문자를 구별한다. 예를들어 Var와 var을 다르게 인식한다. 스위프트에서 세미콜론 스위프트에서 명령 구문 뒤에 세미콜론(;)을 붙이는 것은 선택사항이다. ..

react를 npm start 해서 작업할때 용량이 큰편 그런데 build를 하면 용량이 줄어든다고 해서 해본다 1. 리액트 프로젝트 폴더 위치에서 터미널에 npm run build 명령어를 입력한다. 2. npm install -g serve serve -s build 위 명령어를 모두 입력하면 이런 serving! 메시지가 나온다. build 전/후 용량 차이를 비교해보면 왼쪽이 build 전 오른쪽이 build 후

1. 프로젝트 폴더 생성 2. npx create-react-app client 3. cd client 4. npm start client라는 리액트 프로젝트 폴더를 만들어서 npm start 명령어를 입력하면 localhost:3000 포트로 리액트 프로젝트가 열린다. (node.js가 설치된 상태에서 npx명령어 입력 가능) ex) 1004_DISPLAY라는 프로젝트 폴더에 npx ... 명령어로 client 폴더를 생성한 후 불필요한 파일을 삭제한 상태이다. (public에 images폴더는 추가한 것) App.js와 index.js 코드는 위와 같다 :D 초기 세팅 끝! success

프론트엔드 개발을 시작할때마다내가 항상 처음으로 만나는 문제는 백엔드와 어떻게 연동할 것인지 이다. Melting은 React Native로 프론트단을 개발하고, Spring Boot로 백단을 개발하기 때문에 이 둘을 어떻게 연동해야되는지 부터 알아보았다. Spring Boot 프로젝트의 API와 통신하기 위해 axios 또는 fetch와 같은 HTTP 클라이언트 라이브러리를 사용하고, React Native 프로젝트의 javaScript 파일에서 API 호출을 수행하고 결과를 처리하는 식으로 프론트와 백을 연동하면 되고, 일단 백엔드는 다른 팀원이 만들고 있는 과정중에 있고, 나는 따로 프론트 프로젝트 폴더를 만들어서 프론트단을 구성하면 된다! React Native를 개발하는 방법에는 두 가지가 있다..

앞서 Melting 프로젝트의 첫 게시글에서 작성하였듯이 이번 프로젝트는 내가 초기부터 함께 시작한 것이 아니라 초기 기획에 내 의견이 들어간 것은 아니다. 초기 기획에서 Melting은 인기 커뮤니티 사이트를 통합한 커뮤니티 사이트로 다양한 인기 사이트를 제공하는 웹 사이트였다. 내가 투입되면서 바뀐 것은 웹 사이트가 아닌 앱을 만드는 것이 목표가 되었다는 것..! 그래서 최종 개발 방향은 인기 커뮤니티 사이트를 통합한 통합 유머 커뮤니티 앱 개발.!.!.! 추가로 앱에 맞는 UI도 구상하게 되었다. 이번에도 이전 프로젝트와 마찬가지로 Figma를 사용했고 내가 원하는 앱 UI는 최대한 심플하고 깔끔하고 군더더기 없는 그런 느낌.. 다양한 커뮤니티 사이트의 글을 보여주기 때문에 앱 UI자체는 튀지 않는..