티스토리

Dev_Cian

검색하기

블로그 홈

Dev_Cian

181022.tistory.com/m

:)

구독자: 1

방명록 방문하기

주요 글 목록

NextJS - NextJS 수동설치 하는 방법 오늘은 NextJS 프로젝트를 생성하고 설정하는 방법에 대해 알아보자.자동, 혹은 수동으로 설치하는 방법이 있는데 그 중 수동으로 설치하는 방법을 소개하겠다. 먼저, 터미널에서 Document나 설치하고 싶은 위치로 이동하여 mkdir명령어를 사용해 폴더를 생성해준다. 본인은 nextjs-setting로 설정mkdir (원하는 폴더명) 생성한 폴더로 이동cd (생성한 폴더명) 생성한 폴더로 이동하였다면 해당 위치에서 code .를 입력해 vscode를 띄워주면 된다.code . 혹시 여기서 code .를 입력했는데 'command not found' 응답을 받게 된다면 당황하지 말고, vscode에 들어가 커맨드 파레트 (cmd+shift+p)를 열고 Shell Command: Install 'c.. 공감수 3 댓글수 2 2024. 10. 25.
GitHub - 누락된 잔디 심기 깃허브 프로필을 꾸며볼까 생각하던 와중, 가장 먼저 눈에 들어온 것은 삐쩍 마른 잔디 상태였다.차마 두고볼 수 없는 마음에 열심히 구글링을 해본 결과, 대부분을 차지하는 원인은 다음의 두 가지였다. 1. github 이메일 계정과 로컬 이메일계정의 정보가 일치하지 않아 발생2. 내가 작업한 내용이 merge되지 않을 때 위 내용을 토대로 문제를 해결하려 했지만 merge도 올바르게 됐고, 계정 정보도 일치했기 때문에, 나에게 해당되는 이유는 아닌 것 같았다.그렇게 계속 알아보던 중 다른 레퍼지토리에 푸시하더라도 동일한 이메일 주소를 사용하면 커밋에 작성자 이름과 이메일 주소가 포함되어 있기 때문에 잔디에 반영이 된다는 사실을 알게되고, 해당 방법으로 문제 해결을 접근했다. 풀 한포기라도 소중한 누군가에.. 공감수 2 댓글수 0 2024. 10. 24.
IOS - 테스트 플라이트 배포 ~ 초대코드 발송까지(TestFlight) 테스트플라이트는 Apple에서 제공하는 앱 테스트 플랫폼으로, iOS, iPadOS, watchOS, tvOS 등의 앱을 배포하기 전에 사용자들에게 베타 테스트를 할 수 있도록 지원하는 도구이다. 사용자들에게 배포하여 실제 사용 경험을 수집할 수 있기 때문에, 개발자가 예상치 못한 버그나 UI/UX 문제들을 사용자들이 발견하고, 피드백을 통해 개선하고, 이를 통해 정식 출시 전에 문제를 해결할 수 있다는 점에서 매우 유용한 플랫폼이다. 오늘은 그동안 열심히, 공들여 만든 앱을 테스트플라이트에 올려보는 방법에 대해 알아보도록 하자. 먼저, 이전에 배포가 되었던 앱이라면 테스트플라이트에 업로드하기 전에 버전을 업그레이드 해줘야 한다.Xcode에서 프로젝트 설정으로 이동하여, General탭의 Version.. 공감수 0 댓글수 0 2024. 10. 8.
지나간 빛들 사이 버스를 타고 한강을 건너던 중, 문득 창밖에 환한 불꽃이 눈에 들어왔다. 이맘때 불꽃축제가 열린다는 건 알고 있었지만, 이렇게 우연히 보게 되다니 적잖이 놀랐다. 특별히 관심을 두지 않음에도 여러모로 추억이 많은 행사라 그런지 깊은 감정이 일렁이지 뭔가. 대교를 지나 불꽃은 더 이상 볼 수 없었지만 폭죽 소리가 희미해지기까지, 지난 감상에 한참을 머물렀던 것 같다. 찰나 가운데, 오래도록 기억될 순간을 선물 받은 감사한 하루였다. 공감수 0 댓글수 0 2024. 10. 6.
빌드(build)와 실행(run), 어떤 차이가 있는 거예요? 개발을 하다보면 단순히 Build와 Run이 비슷한 기능이라고 생각할 수 있지만, 사실 Build는 준비하는 과정이고, Run은 그 결과를 실제로 보여주는 과정이다.예를 들어, Xcode, Visual Studio, Eclipse 같은 IDE에서 작업할 때, 빌드 버튼을 눌렀을 때는 코드를 컴파일하고 실행 파일을 생성한다. 하지만 Run 버튼을 누르면, 이미 빌드된 실행 파일이 실행되는 것이다.단순히 설명했을 땐 위와 같은 의미를 지니며, 더 나아가 둘의 차이에 대해 명확하게 짚고 넘어가보는 시간을 가져보자 1. 빌드(Build) 과정1.1 소스 코드예를 들어, C 언어로 “Hello, World!” 라는 코드가 작성되어 있다고 하자.#include int main() { printf("Hell.. 공감수 3 댓글수 3 2024. 10. 3.
IOS - CocoaPods(Podfile)와 Swift Package Manager(SPM)의 차이 두 도구는 비슷한 기능을 하지만 사용 방법과 통합 방식이 다르기 때문에, 프로젝트의 특성에 맞춰 작업해야 한다. 1. CocoaPods (Podfile)CocoaPods는 외부 라이브러리를 쉽게 추가하고 관리할 수 있게 해주는 도구이며, Podfile이라는 파일에 사용할 라이브러리를 명시한다. 사용 방법 - 터미널에서 pod install 명령어로 라이브러리를 설치 - .xcworkspace 파일로 프로젝트를 연다. 대상 - Swift와 Objective-C 둘 다 지원 장점 - 많은 라이브러리가 지원되고, 설정이 간단하다. 단점 - 별도의 작업 공간 파일(.xcworkspace)을 사용해야 함 2. Swift Package Manager (SPM)SPM은 Apple이 만든 패키지 관리 도.. 공감수 2 댓글수 1 2024. 10. 3.
IOS - 카카오맵 SDK V2 설치 보다시피 새로운 카카오맵 SDK가 출시되어, 기존에 사용 중인 카카오맵 SDK를 업그레이드 해야하는 작업을 하게 되었다.작업 과정을 기록하려고 하니, 좋은 참고 자료가 되길 바란다. (피드백은 언제나 환영) 먼저 카카오에서 발급받은 키(네이티브 앱 키를 사용)를 Info파일에 입력해준다. key는 KAKAO_APP_KEY이고, value에 키를 넣어주면 된다. 키를 발급받는 방법에 대해 잘 모르겠다면, 잘 정리된 내용이 있으니 참고하시라https://kadosholy.tistory.com/25 카카오 API 키 발급받기 (kakao API Key)카카오 API Key 발급받기 (kakao API Key) 카카오에서 제공하는 API를 이용하려면 먼저 카카오에서 발급하는 API Key를 발급받아야 합니다.. 공감수 2 댓글수 6 2024. 10. 3.
그날의 온도는 변하지 않는다 따스한 바람 위에 올라타 돋아나는 새싹에 인사를 나누던 봄이 있었다. 계곡 뭇자락에 앉아 마냥을 참방거린 여름이 있었다. 곱게 무르익은 단풍 내음 맡으며 숲길을 걷던 가을이 있었다. 실없는 웃음에 눈뭉치를 던지고 놀던 겨울이 있었다. 때로는 울기도, 웃기도 했던 지난 시간을 떠올릴 때 옅게나마 미소 띄울 수 있기를. 나에겐, 늘 가슴 뛰었던 순간이 있다. 공감수 1 댓글수 0 2024. 10. 2.
마이그레이션, 업그레이드, 업데이트의 간략한 개념 정리 프로젝트에서 맡은 업무에 대해 설명을 하던 중, 위 세 단어에 대해 어떤 표현이 정확한 것인지 고민하던 순간이 있어 간략하게 정리해본다. 1. 마이그레이션 (Migration) - 정의: 데이터나 시스템을 한 환경에서 다른 환경으로 이동하는 과정 - 예: 데이터베이스를 다른 서버로 옮기거나, 클라우드 서비스로 이전하는 것 2. 업그레이드 (Upgrade) - 정의: 소프트웨어나 시스템의 버전을 최신 버전으로 변경하는 과정 - 예: 운영 체제를 Windows 10에서 Windows 11로 변경하거나, 애플리케이션의 새로운 버전으로 업데이트하는 것 3. 업데이트 (Update) - 정의: 소프트웨어의 버그 수정이나 보안 패치, 기능 개선 등을 적용하는 과정으로, 주로 기존 버전 내에서 이루어짐 - 예: 프.. 공감수 0 댓글수 0 2024. 10. 2.
Mac - Homebrew 설치하는 방법 Homebrew는 맥에서 프로그램을 쉽게 설치하고 관리할 수 있도록 도와주는 도구다. 웹사이트에 가서 복잡하게 다운로드하지 않고, 터미널에 간단한 명령어만 입력하면 프로그램을 설치할 수 있어 편리함이 있다.또한, 필요한 파일을 자동으로 설치하고 업데이트도 간편하게 해 주며, 신뢰할 수 있는 출처에서 소프트웨어를 다운로드하기 때문에 보안도 강화된다. https://brew.sh/ko/ HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh 1. Homebrew사이트에 접속하면 "Homebrew 설치하기" 라는 문구가 보이는데 아래 적혀진 코드 복사한다./bin/bash -c "$(curl -fsSL https://raw.githubuserco.. 공감수 4 댓글수 2 2024. 10. 1.
header, body, params의 개념 HTTP 통신에서 header, body, params는 웹에서 데이터가 오가는 방식과 관련된 중요한 요소다. 이번 시간에는 이들에 대해 간단하게 알아보도록 하자. Header (헤더)헤더는 HTTP 요청이나 응답의 "머리" 부분이다. 이 부분은 요청이나 응답에 대한 메타데이터를 포함하여, 클라이언트와 서버 간의 통신을 원활하게 해준다. 그 역할로는 - 요청 또는 응답의 유형을 정의 - 클라이언트와 서버의 정보(예: 날짜, 서버 정보 등)를 제공 - 데이터 형식(Content-Type) 및 인증 정보(Authorization) 등을 포함Content-Type: application/jsonAuthorization: Bearer your_token_here(Header의 예시) Body (바디)바디는.. 공감수 1 댓글수 0 2024. 9. 23.
애플 개발자 문서 자주 참고하기에 정리 용도로 남긴다.아무래도 직접 읽어보는 편이 신뢰도가 높으니까. https://developer.apple.com/documentation Featured | Apple Developer DocumentationBrowse the latest sample code, articles, tutorials, and API reference.developer.apple.com 공감수 1 댓글수 1 2024. 9. 20.
Swift - Delegate란? ▶ Delegate가 뭘까?한 객체가 다른 객체의 행동이나 상태 변화를 대신 처리하도록 위임하는 디자인 패턴이다. 이 패턴은 두 객체 간에 느슨한 결합(의존성을 최소화) 관계를 유지할 수 있게 해주는데, 쉽게 말해 Delegate는 어떤 객체가 스스로 처리할 수 없는 일을 다른 객체에 맡기는 방식을 뜻한다. ▶ 예를 들어보면당신이 어떤 중요한 일을 해야 한다고 해보자. 그런데 그 일을 당신 혼자 하기 힘들거나 적절하지 않을 때, 친구에게 그 일을 대신 해달라고 부탁할 수 있는데, 이때 당신은 Delegate(위임자)가 되고, 친구는 Delegate(대리자)가 된다. Swift에서 이런 개념은 주로 이벤트가 발생할 때 그 처리를 위임할 때 사용돼. iOS에서 버튼을 클릭했을 때, 스크롤을 할 때, 네트워.. 공감수 1 댓글수 3 2024. 9. 11.
아무래도 좋아 기억 속 그 노래는 정말 특별했다. 남들은 잊혀진다고 하지만 결코 사라지지 않을 그 멜로디를 나는 평생토록 연주할 수 있을 것 같이 날마다 흥얼거린다. 시간이 흘러도 바래지 않는 그 선율에 여전히 빠져들고 있다. 공감수 0 댓글수 0 2024. 8. 22.
데이터베이스 - MySQL DCL https://181022.tistory.com/64 데이터베이스 - MySQL DDL이번 시간에는 Mysql의 DDL에 대해 알아보자 ▶ DDL이 뭘까?데이터베이스의 구조를 정의하는 언어다. DB(데이터베이스)에 어떤 테이블을 만들지, 그 테이블에 어떤 컬럼(열)을 만들지 등을 정의할181022.tistory.com이전 DDL 설명에 이어 이번엔 DCL에 대해 알아보는 시간을 갖겠다. ▶ DCL이 뭘까?데이터베이스에서 접근 권한을 제어하는 명령어이다. 이 명령어를 사용하면 특정 사용자에게 DB(데이터베이스)나 테이블에 대한 접근 권한을 부여하거나 제거할 수 있다. DCL의 주요 명령어는GRANT(권한 부여하기), REVOKE(권한 회수하기)가 있다. ▶ 당장 사용해보자GRANTGRANT 명령어는 .. 공감수 1 댓글수 1 2024. 8. 6.
데이터베이스 - MySQL DDL 이번 시간에는 Mysql의 DDL에 대해 알아보자 ▶ DDL이 뭘까?데이터베이스의 구조를 정의하는 언어다. DB(데이터베이스)에 어떤 테이블을 만들지, 그 테이블에 어떤 컬럼(열)을 만들지 등을 정의할 수 있는 DDL의 역할은CREATE(만들기), ALTER(수정하기), DROP(삭제하기), TRUNCATE(데이터 비우기)가 있다. ▶ 하나씩 살펴보자CREATECREATE 명령어는 새로운 DB나 테이블을 만들 때 사용된다. 예를 들어, 새로운 학생 정보를 저장할 테이블을 만들어 보겠다.'SchoolDB'라는 이름의 DB를 만드는 명령어이다.CREATE DATABASE SchoolDB; 다음은 'Students'라는 이름의 테이블을 만들고, 그 테이블에 'StudentID', 'Name', 'Age',.. 공감수 0 댓글수 0 2024. 8. 6.
용어 설명 - 인터페이스(Interface) 이번 시간에는 인터페이스에 대해 알아보도록 하자.객체 지향 프로그래밍(흔히 말하는 OOP)에서 중요한 개념인데, 개인적으로 가장 이해하기 쉬운 일상적인 비유로 설명하도록 하겠다. 인터페이스(Interface)먼저 인터페이스가 무엇이냐.여러 클래스가 따라야 하는 규칙이나 계약서를 의미한다. (클래스의 의미가 헷갈린다면 아래 포스팅을 먼저 보고 오도록)https://181022.tistory.com/62 용어 설명 - 클래스, 객체, 인스턴스 (Class, Object, Instance)개발 공부를 하다보면 클래스, 객체, 인스턴스라는 용어에 대해 심심치 않게 듣게된다.여기저기 붕어빵 비유로 배를 채워가며 이해하려 애썼지만 쉽진 않더라.. 오늘은 이 세가지 용어에 대해181022.tistory.com 이 .. 공감수 0 댓글수 0 2024. 8. 5.
클래스, 객체, 인스턴스 (Class, Object, Instance)의 개념 개발 공부를 하다보면 클래스, 객체, 인스턴스라는 용어에 대해 심심치 않게 듣게된다.여기저기 붕어빵 비유로 배를 채워가며 이해하려 애썼지만 쉽진 않더라.. 오늘은 이 세가지 용어에 대해 간단하게 정리해보려고 한다. 먼저 클래스(Class)객체지향 프로그래밍(흔히 말하는 OOP)의 개념 중 하나로, 객체를 생성하기 위한 청사진(설계도)이다.이 설계도에는 집의 구조, 방의 수, 창문의 위치와 같이 모든 것이 상세하게 나와있다. 다음은 객체(Object)객체는 설계도(Class)를 따라 실제로 지어진 집이다.여기서 알아두어야할 점은 같은 설계도를 사용해서 여러 채의 집을 지을 수 있다는 것이다. 예를 들어, 동네에 같은 구조의 집이 여러 채 있는 것을 볼 수 있을 것이다. 이 집들은 모두 동일한 설계도(Cl.. 공감수 1 댓글수 1 2024. 8. 5.
나는 어떤 개발자? 개발에 대해 공부하면 할수록 어떤 방향과 철학을 가지고 있어야 할 지에 대해 고민이 늘어난다.와중에 발견한 좋은 글이다. https://blog.shiren.dev/2020-11-23/ 누구나 원하는 개발자되기5~6년 차 즈음부터 개발자 채용에 조금씩 관여하기 시작했고 현 회사에서는 면접관으로 활동한지 5년이 넘은 것 같다. 면접은 1차 면접에 해당하는 기술 면접이었고 팀의 채용 프로세스를 개선하blog.shiren.dev 공감수 0 댓글수 0 2024. 8. 1.
데이터베이스 - ERD와 정규화 ▶ DB를 엑셀이라고 생각하자데이터베이스를 엑셀 스프레드시트에 비유하면 데이터베이스의 개념을 보다 쉽게 이해할 수 있다. 엑셀에서 우리는 데이터를 행과 열로 구성된 시트에 저장하는데, 각 행은 데이터 레코드, 각 열은 속성(Attributes)을 나타내며, 데이터베이스의 테이블 구조와 매우 유사하다. 엑셀과 DB의 비교 • 엑셀 시트: 여러 개의 시트로 데이터를 구성 • 열(Column): 각 열은 속성을 나타낸다. 예를 들어, 학생 정보 시트에서는 “학번”, “이름”, “전공”, “생년월일” 등이 열이 된다. • 행(Row): 각 행은 하나의 데이터 레코드를 나타낸다. 예를 들어, 각 행은 하나의 학생 정보를 담는다. • 데이터베이스 테이블: 각 테이블은 특정 주제나 엔티티의 데이터를 저장한다.(※엔티.. 공감수 2 댓글수 0 2024. 7. 9.
Flask - 기본 개념 개요파이썬으로 작성된 웹 프레임워크로, 웹 애플리케이션을 쉽게 개발할 수 있도록 돕는 도구이다. 핵심 기능만을 포함하며, 필요 기능은 확장을 통해 필요할 때마다 추가할 수 있다는 특징으로 “마이크로 프레임워크” 라고 불리기도 한다. (여기서 핵심 기능이란 웹 애플리케이션을 개발하는 데 필수적인 최소한의 기능을 의미)특징 특징1. 경량 프레임워크앞서 설명했듯 최소한의 핵심 기능만을 포함하고 있으며, 필요에 따라 확장을 추가하여 기능을 늘릴 수 있다.from flask import Flask # Flask 클래스를 가져옴app = Flask(__name__) # Flask 애플리케이션 인스턴스를 생성@app.route('/') # 루트 URL에 대한 라우트를 설정def home(): return.. 공감수 0 댓글수 0 2024. 7. 8.
[iOS] Swift 공부 - 24 ▶ 열거형 (enum)Swift의 열거형(Enumeration, 줄여서 Enum)은 관련된 값들을 그룹으로 묶어서 관리할 수 있는 타입이다. 열거형은 특정 타입의 값들을 정의하고, 이 값들 중 하나를 사용할 수 있도록 한다. 이는 코드의 가독성을 높이고, 특정 값들만 사용할 수 있도록 제한할 수 있어 오류를 줄이는 데 도움을 준다. 아래는 Swift에서 열거형을 정의하고 사용하는 방법을 간단히 보여주는 코드이다. 열거형 정의enum CompassPoint { case north case south case east case west} 열거형 사용var direction = CompassPoint.north// 열거형 값 변경direction = .south 연관 값 (Associat.. 공감수 0 댓글수 1 2024. 6. 13.
[iOS] Swift 공부 - 23 ▶ 코드 리팩토링import UIKit// 영화 이름 배열let name = ["aaa", "bbb", "ccc", "ddd", "eee"]// 영화 데이터 구조체struct MovieData: Codable { let boxOfficeResult: BoxOfficeResult}// 박스 오피스 결과 구조체struct BoxOfficeResult: Codable { let dailyBoxOfficeList: [DailyBoxOfficeList]}// 일일 박스 오피스 목록 구조체struct DailyBoxOfficeList: Codable { let movieNm: String // 영화 이름 let audiCnt: String // 일일 관객 수 let audiAc.. 공감수 0 댓글수 0 2024. 5. 30.
Fetch란 무엇인가? ▶ 패치(Fetch)란 무엇일까브라우저와 Node.js 환경에서 HTTP 요청을 보내기 위해 사용되는 현대적인 API이다. 이 함수는 비동기적으로 동작하며, Promise를 반환하여 비동기 처리를 쉽게 할 수 있게 해준다. fetch를 사용하여 데이터를 가져오거나 서버에 데이터를 보낼 수 있다. (※Promise란? JavaScript에서 비동기 작업을 처리하기 위한 객체다. Promise는 비동기 작업이 완료되면 결과 값을 제공하거나, 실패하면 오류를 제공할 것을 약속한다.) 예를들어, 본인이 어떤 웹사이트의 데이터를 요청하려면, fetch를 사용하여 그 웹사이트에 요청을 보낼 수 있다. 그럼 그 웹사이트는 요청을 받고, 당신에게 그에 대한 응답을 보내게 될텐데, 이 응답은 주로 데이터가 포함된 형태일.. 공감수 0 댓글수 0 2024. 5. 29.
Docker - Volume ▶ 도커 볼륨이란? 도커 컨테이너와 호스트 시스템 간에 데이터를 저장하고 공유하기 위한 특별한 디렉토리이다. 볼륨을 사용하면 컨테이너가 삭제되거나 재시작되어도 데이터가 유지되며, 이는 중요한 데이터를 영구적으로 보관해야 할 때 매우 유용하다. 그런데 데이터를 컨테이너 안에 저장하는 것이 아닌 호스트 시스템에 저장하는 이유는 다음과 같다. 1. 데이터 영속성컨테이너 자체는 일시적인 존재이다. 컨테이너를 삭제하거나 재시작하면 컨테이너 내부의 데이터는 사라질 수 있다. 그러나 볼륨을 사용하면 데이터가 호스트 시스템에 저장되어, 컨테이너가 삭제되거나 재시작되더라도 데이터는 유지된다. 예를 들어, 데이터베이스의 데이터나 사용자 파일 등을 영구적으로 저장할 수 있다. 2. 데이터 공유여러 컨테이너 간에 데이터를 .. 공감수 0 댓글수 0 2024. 5. 26.
Docker - 이미지 생성 ▶ 도커 이미지 도커 컨테이너를 생성하는데 사용되는 파일 시스템의 스냅샷다. 여러 개의 레이어로 구성되어 있으며, 각 레이어는 컨테이너 파일 시스템의 특정 상태를 나타낸다. 이 레이어들은 읽기 전용이며 변하지 않는다는 특징이 있다. 쉽게 말해, 도커 이미지는 마치 애플리케이션을 만들기 위한 설계도와 같다. 이 설계도에는 애플리케이션을 구성하는 레이어와 설정이 모두 기록되어 있다고 이해하면 좋다. 이렇게 이미지를 한 번 만들어 놓으면, 필요할 때마다 빠르고 쉽게 컨테이너로 만들어서 실행할 수 있으며, 이미지를 공유하거나 백업하여 여러 곳에서 사용할 수 있다. ▶ 순서 이미지를 만드는 과정은 다음과 같은 단계로 이루어진다. 1. 도커 파일 작성: 도커 파일은 이미지를 만들기 위한 명령어들이 기록된 텍스트.. 공감수 0 댓글수 0 2024. 5. 25.
Java의 기본 - 5 ▶ 쇼트 서킷(short-circuit) -불리언 논리 연산자(&&, || 등)에서 발생할 수 있는 특별한 동작을 가리킨다. 쇼트 서킷 평가는 논리 연산자가 피연산자르르 왼쪽에서 오른쪽으로 평가하는 도중에 이미 전체 결과가 확정된 경우, 뒤이어 있는 피연산자들으르 평가하지 않고 중단하는 동작이다. 예를 들어, A && B의 경우, A가 거짓(false)이라면 B를 평가하지 않고 전체 결과를 거짓으로 반환한다. 이는 논리 연산에서 효율적인 평가를 가능하게 한다. 반면에 A || B의 경우, A가 참(true)이라면 B를 평가하지 않고 전체 결과를 참으로 반환한다. 이와 같이 쇼트 서킷 평가는 조건문이나 논리 연산에서 프로그램의 실행 속도를 향상시킬 수 있다. 그러나 이를 잘못 사용할 경우 여러 문제가 발.. 공감수 0 댓글수 0 2024. 5. 25.
훅(Hook)에 대한 맛보기 정리 ▶ 훅이란 무엇일까리액트 훅은 함수형 컴포넌트에서 상태(state)를 다루고, 생명주기(lifecycle)를 관리하며, 다양한 리액트 기능을 사용할 수 있게 해주는 도구들이다. 예를 들어, useState 훅은 상태를 관리할 때 사용되고, useEffect 훅은 컴포넌트가 렌더링될 때나 업데이트될 때 특정 작업을 수행한다. ▶ 함수형 컴포넌트앞서 언급된 함수형 컴포넌트에 대한 이해가 우선적으로 필요하다. 함수형 컴포넌트는 코드 구성이 어렵고, 재사용성이 떨어지며, 컴파일 단계에서 코드 최적화가 어렵다는 등 여러 불편함이 있던 클래스형 컴포넌트의 대체 방안으로 사용되기 시작하였다. 다음은 두 컴포넌트의 이해를 돕기 위한 간단한 코드이다. - 함수형 컴포넌트import React, { useState } .. 공감수 0 댓글수 0 2024. 5. 25.
[iOS] Swift 공부 - 22 ▶ 퍼센트 인코딩URL에서 예약된 문자들을 16진수 값으로 변환하는 방식이다. 예약된 문자란 URL에서 특별한 의미를 갖는 문자들을 말하는데, 예를 들어 ?, /, #, % 등이 있다. 이런 문자들은 URL에서 다른 목적으로 사용되기 때문에 단순 데이터로 전송하려면 인코딩이 필요하다.인코딩 방식은 %와 그 문자의 ASCII 코드값을 16진수로 표현한 두 자리 숫자를 조합하는 방식인데, 예를 들어 공백 문자는 ASCII 32번이므로 %20으로 인코딩되는 것이다.하지만 알파벳과 숫자, 그리고 일부 안전한 문자들은 인코딩할 필요가 없는데, 안전한 문자의 예로는 -, _, ., ! 등이 있다.이런 식으로 퍼센트 인코딩을 적용하면 URL에 모든 데이터를 안전하게 전송할 수 있게 된다. 디코딩 과정에서 서버가 %.. 공감수 0 댓글수 0 2024. 5. 23.
[iOS] Swift 공부 - 21 ▶ 오토레이아웃을 구현하는 4가지 방법의 장단점Storyboard- 직관적이고 사용하기 쉽다.- 뷰의 배치를 시각적으로 확인하며 제약조건을 설정할 수 있다.- 복잡한 레이아웃을 구성하는 데 한계가 있다.- 여러 사람이 함께 작업할 때 충돌이 발생하기 쉽다.코드- 제약조건을 세밀하게 조절할 수 있다.- 동적인 레이아웃을 구성할 수 있다.- 버전 관리가 쉽다.- 코드가 복잡해질 수 있다.- 레이아웃의 변경 사항을 확인하려면 빌드가 필요하다.라이브러리(SnapKit 등)- 코드가 간결하고 이해하기 쉽다.- 복잡한 레이아웃을 쉽게 구성할 수 있다.- 외부 라이브러리에 의존하게 된다.- 라이브러리의 업데이트나 호환성 문제가 발생할 수 있다.SwiftUI- 선언적 구문을 사용하여 코드가 간결하고 이해하기 쉽다.- .. 공감수 0 댓글수 0 2024. 5. 16.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.