본문 바로가기

분류 전체보기97

Next.js + Typescript + tailwindcss + yarn berry + ESLint + Prettier 조합으로 프로젝트 세팅하기 이번에 개발하게 될 프로젝트는 제목과 같이 Next.js, Typescript, tailwindcss, yarn berry, ESLint, Prettier 조합으로 사용하여 구성했습니다. 1. 우선 Next.js에 CNA(create-next-app)을 통해 Project 생성하기$ npx create-next-app@latest그리고 나오는 리스트에는 위와 같이 체크해줬습니다!- TypeScript, ESLint, Tailwind CSS를 사용할 것으로 Yes를 선택해주었습니다.- 'src/' 디렉토리를 사용할 것이고, 이번에는 사용해보지 않았던 App Router 방식을 사용해보기로 하고 Yes를 선택해주었습니다.- alias를 customize 할 것인지에 대한 부분은 No를 선택해주었습니다. 설치.. 2024. 5. 2.
운영체제(OS)란? 운영체제(OS, Operating System)란?개발자가 아니더라도 한 번쯤은 들어 봤을 윈도우, 리눅스, MacOS, 안드로이드(AOS), iOS들이 바로 운영체제이다.운영체제도 하나의 프로그램이다. 참고로, 현존하는 프로그램 중 가장 규모가 큰 프로그램 중 하나다.하지만 다른 프로그램들과는 조금 다른 특별한 프로그램이다.운영체제도 프로그램이므로 다른 프로그램들과 마찬가지로 메모리에 적재되어야하는데, 운영체제의 경우에는 항상 컴퓨터가 부팅될 때 메모리 내 커널 영역이라는 공간에 따로 적재되어 실행되게 된다. 운영체제의 역할운영체제는 응응프로그램과 하드웨어 사이에서 응용 프로그램에 필요한 자원을 할당하고 응용 프로그램이 올바르게 실행되도록 관리하는 역할이다.운영체제는 사용자가 실행하는 응용 프로그램이.. 2024. 4. 29.
[서평] 면접을 위한 CS 전공지식 노트 후기 대상 독자면접을 위한 CS 전공지식 노트 책에서 소개하는 대상 독자는 개발자 면접을 준비하며 디자인 패턴, 네트워크, 운영체제, 데이터베이스, 자료 구조 등 CS 전공지식을 준비하고자 하는 분들을 위한 책이라고 소개되어 있다. 책을 읽은 독자로 해당 책에 적절한 대상 독자는 다음과 같다고 생각한다.첫번째, 컴퓨터 공학 전공자로 기본 지식이 어느정도 있어 면접을 위한 또는 개념 정리를 위한 목적으로 지식을 복기하기 위한 사람두번째, 비전공자이지만 다른 기초 서적과 강의를 통해 전반적인 내용을 학습했고, 면접 전 내용을 다시 빠르게 정리하고 싶은 사람세번째, 비전공자이고 중요한 키워드만 뽑아져 있는 해당 서적을 통해 모르는 용어는 다른 도서, 강의등을 통해 학습할 마음이 있는 사람 면접을 위한 CS 전공지식.. 2024. 4. 25.
[xcode] Dark, Light 모드 지정하기 시뮬레이터에서는 잘 나오던 화면이 핸드폰을 연결해 앱으로 열었더니! 아니... 내 글씨들 어디 갔어….? 왜 이래ㅠㅠ..하.. 한 땀 한 땀 배경색과 컬러를 지정해줘야 하나 싶어 지정하다가문득 드는 생각, 핸드폰으로 열면 다크모드로 보이게 처리가 되어있는 건가? 찾아보니 기본 설정으로는 시스템에서 설정한 모드를 따라간다고 한다!시스템 설정 모드와 관계없이 모드를 고정하고 싶다면 UserInterfaceStyle을 고정하여 이런 현상을 방지할 수 있다고 한다. 그래서 찾아봤더니 방법으로는 2가지가 나왔다.1. Info.plist에 추가2. SceneDelegate에 추가해서 light, dark 모드를 지정 방법 1. Info.plist에 추가이 방법을 찾아보며 알게 된 사실이 하나 있다.항상 Info.p.. 2024. 4. 1.
[iOS] Swift API Key 암호화하기 나는 현재 개인 프로젝트에서 오픈 API를 사용해 데이터를 받아오는 과정을 진행 중이다!근데 이제 API Key를 github에 올리면 문제가 되니까 암호화하는 방법을 다시금 찾아보고 적용하는데분명 해봤는데 왜 이렇게 오래 걸리지... 뭐였지...? 이게 최선이었나? 하는 마음이 들어 정리하고자 한다! 😂 방법 1. static 변수 활용하기하나의 파일을 만들어서 사용할 API Key를 static 변수로 묶어 전역적으로 사용하는 방법이다.class보다는 struct, enum을 활용해 사용한다.struct APIKey { static let aApiKey = "aksdlakdl1aksdla" static let bApiKey = "aksdlakdl1aksdla"}// 사용 시 APIKey... 2024. 3. 30.
[백준 11779번] 최소비용 구하기 2 (Python) 해당 문제를 풀기 위해 다익스트라 개념에 대해 먼저 알고 있어야한다. 2024.03.28 - [CS/Algorithm] - [알고리즘 개념 정리] 다익스트라 최단 경로 알고리즘 (Python) 또한 해당 문제의 1단계인 최소비용 구하기를 풀고 풀면 좋을 것 같다. 이전 문제 풀이 : [백준 1916번] 최소비용 구하기 문제 링크 [백준 11779번] 최소비용 구하기 2 문제 요약 N개의 도시가 있고, 한 도시에서 출발해 다른 도시에 도착에 도착하는 M개의 버스가 있다. A번째 도시에서 B번째 도시까지 가는데 드는 최소 비용과 경로 출력하기 (도시의 개수 1 2024. 3. 30.