늦깍이 코린이

왜 버킷?일종의 양동이 개념입니당.서버를 만들고 그런게 아니고,AWS에서 관리하고 있는 거대한 스토리지에 내 파일들을 담을 "양동이"를 만드는 개념이에요.그걸 EC2 서버라던지, 접근할 수 있도록 IAM 역할을 부여만 한다면 연동될 수 있어요.S3 서비스는 왜 사용?저는 보통 사진이나 동영상같은 것을 저장하는 서비스를 구축할 때 사용합니다.일종의 클라우드 서비스이지용.근데 왜? 굳이? 귀찮게? 하는가.사진, 동영상 서비스를 구축할 때의 Flow를 설명하면 납득이 될꺼같아요.사진 및 동영상 저장 기능 구축 Flow저장 FLOWClient -> 서버 : 사용자가 사진 파일을 전송을 합니당서버 -> S3 버킷 : 서버는 받은 파일을 AWS SDK를 이용해서 S3 버킷의 특정 경로(key)로 업로드합니다.S3 ..

iOS 앱을 만들어보자대학 수업 듣다보면, 모바일 프로그래밍 수업을 듣는 경우가 있는데, 생각보다 iOS앱을 만들 기회는 적습니다.맨 안드로이드 앱만 만들지, 쓰는 폰은 대부분 애플폰인데 실습은 안드로이드를 하니, 여간 불편한 경우가 많았죠. 갑자기 추억이다 ㅎㅎ이유야 뭐,,, 진입 장벽이 일단 맥을 안쓰면 개발 자체가 안돼요. 애플이 장사를 잘해... 어쩔수가 없어...암튼 그래서 주섬주섬 혼자 하다가 그냥 갑자기 공유해봅니당중간중간 기능들도 업로드 해보겠습니다앱스토어에서 다운 받기Xcode없으면, 앱을 못 만드니까 일단 Xcode부터 다운받읍시당보통은 App Store에서 받으면 돼요 사진대로 그냥 다운받으면 끝입니다버전은 뭐로 하면 될까??저는 보통 어떤 언어든 에디터든 Stable 버전들 쓰는걸 ..

Firebase 아니 구글 당신은 신이야저는 웹 배포를 vercel이라던지.. 기타 등등을 사용해서 몇번 해봤습니다.물론 직접 s3였나해서 nginx하고 해서 도메인 주소 구매해서 막막 알져 과정? 그것도 해보고,,,할때마다 느끼지만 바보인 저에겐 참 힘들었습니다...ㅠ최근에 회사에서 Firebase의 기능을 쓸 일이 좀 있었어서( distribution, database 등등..? )Hosting도 있길래 이참에 적용시켜보자 싶었습니다.근데 너무 쉽길래... 그래서 공유하고 싶었어요 ㅎㅎ ( 늘 그렇듯 까먹었을때 대비기도 합니다. 바보니까여~ )React의 경우React를 많이 쓰니까 React를 기준으로 할께요 ( 많이 안쓰면 많이 쓰는게 뭔지 알려주세요 ㅎㅎ )생각보다 간단합니다.아예 처음부터 그냥..

가난한 개발자에게 프리티어 이상은 사치다AWS를 사용하다보면 기상천외한 요금을 받는다는 사례를 너무 많이 접한 나머지 "AWS 공포증"을 가지고 있는 개발자가 바로 접니다 허허하지만, AWS 안쓰면 Firebase라던지... 아니면 직접 dothome이라던지... 그런걸로 만들어야될텐데,솔직히 dothome은 써본 사람으로서 그닥 만족스럽지 못했고, Firebase는 도찐개찐이라는 이미지가 있는걸? 고로, (가오도 또 무시하지만) 뭔가 AWS EC2로 서버 작업을 하게 되었다. 프리티어로 설정을 하고(프리티어 만드는 작업은 추후에 또 올려보겠다.) EC2 서버를 만들어본 결과(정말 이것저것 요금에 무리가 안가게 최대한 주의를 하며), 매우 만족스럽다고 생각했다.하지만 프리티어는 연약해...근데 웬걸 AW..

1. 컴포넌트는 어떻게 만드는가? 2. 컴포넌트는 언제 사용하는가? 1. html css 레이아웃 먼저 디자인 해보자. Title Date Content .modal { margin-top : 20px; padding : 20px; background : #eee; text-align : left; } 모달창을 여러번 사용하고자 하면, 저 코드를 여러번 사용하게 된다. 코드는 깔끔할수록 좋은데, 계속 지저분해지는 건 아주 참을수가 없다. 여기서 등장하는 컴포넌트. 2. 컴포넌트 funtion App() 이 아닌 밖에서 새로운 function을 만든다. 이름은 Modal function Modal(){ return( Title Date Contents ); } // 도 가능하다. Modal 함수를 새로 만..

1. HTML로 NAVBAR와 LIST 준비 Navbar An item A second item A third item A fourth item And a fifth one 2. CSS .list-group{ max-height: 0; transition: max-height 1s ease-out; overflow: hidden; } .show{ max-height: 300px; transition: max-height 1s ease-in; } overflow : hidden 과 transition: max-height 1s ease-out / ease-in 1. overflow : hidden overflow CSS 단축 속성은 요소의 컨텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처..

https://www.acmicpc.net/problem/2751 2751번: 수 정렬하기 2 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄부터 N개의 줄에는 수가 주어진다. 이 수는 절댓값이 1,000,000보다 작거나 같은 정수이다. 수는 중복되지 않는다. www.acmicpc.net 문제 문제 풀이 정렬 문제다. 한번 틀림😇 삽입 정렬의 시작 복잡도는 O(n²)이다. 너무 오래 걸린데!!! 단순히 출력문 문제일줄 알았는데 아니였다. Tim Sort로 풀어야하는 문제이다. Merge Sort(합병 정렬) + Insertion Sort(삽입 정렬)이 합쳐진 정렬이다. 아직 정확히 몰라서 구글링을 했다... 푼 방법 1) 시간을 지키는 게 매우 중요한 문제니까, Buff..

https://www.acmicpc.net/problem/7568 7568번: 덩치 우리는 사람의 덩치를 키와 몸무게, 이 두 개의 값으로 표현하여 그 등수를 매겨보려고 한다. 어떤 사람의 몸무게가 x kg이고 키가 y cm라면 이 사람의 덩치는 (x, y)로 표시된다. 두 사람 A 와 B의 덩 www.acmicpc.net 문제 문제 풀이 브루트포스 알고리즘(Brute Force Algorithm)이란? Brute Force 난폭한 힘을 의미한다. 모든 숫자를 다 넣어서 조합해 맞춰보는 알고리즘이다. 해당 문제의 경우, 한 사람의 키와 몸무게를 다른 모든 사람과 일일이 대조해보면 된다. 푼 방법 1) 키와 몸무게를 담을 배열을 만든다.(2차원 배열로 만들어도 되지만, 그냥 1차원 배열 두 개로 했다.) ..

https://www.acmicpc.net/problem/17478 17478번: 재귀함수가 뭔가요? 평소에 질문을 잘 받아주기로 유명한 중앙대학교의 JH 교수님은 학생들로부터 재귀함수가 무엇인지에 대하여 많은 질문을 받아왔다. 매번 질문을 잘 받아주셨던 JH 교수님이지만 그는 중앙대 www.acmicpc.net 문제 문제 풀이 전형적인 재귀 문제다. 구현할 때 헷갈렸던 부분 "라고 답변하였지." 를 어떻게 구현해야할까? 푼 방법 *지역변수와 전역변수를 잘 활용하자. 1) "____"를 담아둘 전역 변수 underbar1를 ""로 초기화하여 생성한다. 2) 재귀함수 내의 지역 변수 down을 "____"로 저장한다. 3) 지역 변수 underbar를 전역 변수 underbar1의 값을 받도록 한다. *1..

https://www.acmicpc.net/problem/11729 11729번: 하노이 탑 이동 순서 세 개의 장대가 있고 첫 번째 장대에는 반경이 서로 다른 n개의 원판이 쌓여 있다. 각 원판은 반경이 큰 순서대로 쌓여있다. 이제 수도승들이 다음 규칙에 따라 첫 번째 장대에서 세 번째 장대로 www.acmicpc.net 문제 문제 풀이 전형적인 재귀함수 문제다. 왜 재귀인가? 1) N개의 원판이 있을 때, 크기가 N인 마지막 원판을 1 ➡ 3으로 옮겨야한다. 2) N - 1 개의 원판들이 모두 1 ➡ 2로 옮겨져야한다. 3) 크기가 N - 1인 마지막 원판을 1 ➡ 2로 옮겨야한다. 4) N - 2 개의 원판들이 모두 1 ➡ 3으로 옮겨야한다. ... ... 1) ~ 4)와 같은 순서로 계속 반복될 ..