라티의 작은 일기장

올해 프론트엔드 공부를 하면서 패스트캠퍼스에서 구매한 강의들 중 하나에 대한 간단한 후기를 남겨보려고 한다. 최근 현업에서 신입에게 요구하는 기술 스택을 활용하는 역량이 부족하다는 생각이 들어서 이 강의를 구매했는데, 꽤 만족스러웠다. 아마 많은 프론트 개발자 취준생 분들이 실습이 포함된 강의를 들으실 때 아래와 같이 3개의 뷰가 필요할 것이라고 생각한다. 프론트엔드 학습 과정이 보통은 그렇다. 강의 화면보고 코드 똑같이 작성해보고 -> 그 결과를 브라우저에서 확인해보고, 뭐 이런식으로 공부하게 된다. 나는 그래서 이렇게 메인 모니터에서 코드 에디터와 브라우저를 1:1 비율로 나눠놓고, 맥북 화면에 강의 화면을 띄워두고 공부했다. 그런데 이 강의는 나의 경우처럼 메인 모니터가 넓은 편이 아니라서 2개의 ..

자자~ 오늘도 학습 인증샷부터 시작하는 내 Java 코딩테스트 준비 글이다. 오늘 풀이해볼 문제는 BOJ의 1157번: 단어 공부이다. https://www.acmicpc.net/problem/1157 1157번: 단어 공부 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. www.acmicpc.net Python으로 PS를 시작했을 때 이 문제를 푼 기억이 난다. 간단하게 이 문제의 요구사항에 대해 정리해보면, 1. 영어 대/소문자로 이루어진 문자열을 하나 줄게. 2. 여기서 제일 많이 쓰인 알파벳(대/소문자 구분)을 찾아서 대문자로 출력해봐. 3. 단, 제일 많이 쓰인 알파벳이 여러개면 "?..

패스트캠퍼스에서 이번에 3개 언어 코딩테스트 강의에 대해 환급챌린지 도전자를 모집하길래 후다닥 신청해봤다. JS, Python도 끌렸지만 나는 Java 코딩테스트 강의를 신청해보았다. 아직 학부 졸업 전이라 Java가 종종 쓰일 일이 있는데 그 때마다 뭔가 Java 기본기가 부족하다는 느낌도 들었고, 어떤 언어로 PS(Problem Solving)을 준비하게되면 해당 언어에 대해 숙련도가 어느 정도는 올라가는 이유도 있다. 항상 코테를 위해 PS 공부를하다보면, 넓은 화면 내지 듀얼 모니터의 필요성에 대해 느끼게 된다. 코드는 한번에 많이 볼 수 있으면 좋고, 문제도 지문을 한 눈에 읽을 수 있는 것과 없는 것은 큰 차이가 있기 때문이다. 그런데 코딩테스트 강의를 보면서 또 PS를 하려다보니 화면 구성이..

드디어 챌린지 마지막 날이다...! 오늘은 계산기 앱의 기능 구현을 할 것이다...! 오늘 구현할 기능은 숫자 키패드를 통해 입력하는 숫자를 표시하는 것과, AC 버튼의 입력값 초기화 기능이다. 나머지는 꼭 내일까지 마무리 할거다! 그러기 위해서, 메인 VC의 Assistant를 켜주고, 숫자 Label의 Outlet 변수 numberOutputLabel을 선언해주자! 그리고 숫자 버튼에 대한 Action 함수를 선언해줄건데, 10개의 숫자 버튼이 있으니까 10개의 Action함수!!!! ...가 아니라 일단 하나의 Action 함수를 선언하고, 나머지 버튼에 대해서도 동작하도록 대응 작업을 해주려고 한다. 일단 '7' 버튼에 대해 Action 함수 tapNumberButton()을 선언해주자. 그리고 ..

오늘은 계산기 앱의 UI를 구성하는 두 번째 회차이다. 어제는 앱 UI의 기본적인 틀을 완성했다면 오늘은 색을 입힐 차례! 일단 Button들의 Title을 iOS 기본 계산기 앱과 동일하게 보이도록 변경해주자. 어제 AC 버튼 오른쪽 버튼이 연산 결과를 출력하는 '=' 이라고 적었었는데, iOS 기본 계산기 앱 기준으로는 나누기에 해당한다... ㅎㅎ 그래서 똑같이 바꿔나가다 보면... 1과 2 아래 버튼 2개가 iOS 계산기 앱에서는 0을 나타내는 하나의 버튼임을 발견하게 된다! 2 아래의 버튼을 지워주고, 1 아래의 버튼의 Aspect Ratio 제약조건을 삭제한 뒤, 어제 AC 버튼에 대해서 Size를 조정한 방식을 적용시켜주자. 그리고 다음과 같은 과정을 따라 UI에 스타일을 입혀주면 다음과 같은..

챌린지 종료 3일 전이다. 챌린지 종료까지 계산기 앱을 다 만들 수 있길... 우선 계산기 앱을 위한 새로운 프로젝트를 생성하고 메인 스토리보드를 불러와보자. 그리고 계산 결과를 출력할 Label을 하나 생성한 뒤, 제약 조건을 다음과 같이 추가해주자. 실수로 사진에는 포함시키지 않았는데 Height 값도 150으로 설정하자. 그럼 이렇게 결과를 표시하는 화면의 틀은 잡혔다. 다음은 계산기의 키패드(숫자, 기능)를 어제 배운 UIStackView를 활용해서 만들어보자. 일단 키패드 View로 활용할 UIView를 하나 추가한 뒤, 제약조건을 Top, Leading, Trail, Bottom 모두 24로 설정해주자. 그리고 해당 View 안에 다음과 같이 총 18개의 UIButton을 추가하면 된다. 뭔가..

남은 챌린지 기간동안 만들 앱은 iOS 기본 내장 앱인 "계산기 앱"이다. 물론 원본과 비교하면 몇 개의 기능이 빠지고 가로모드도 지원하지 않는 것 같지만... 기본적인 사칙연산과 계산기 앱의 특징인 "누적연산" 및 "계산 초기화" 기능은 구현되어있다. 앱의 기능적 요구사항을 나열해보면 다음과 같다. 앱 UI의 숫자와 연산자를 활용하여 기본적인 사칙연산 및 소숫점 연산을 할 수 있다. "AC" 버튼을 누르면 현재까지 계산된 결과가 초기화되고 숫자는 0으로 초기화 된다. 계산은 단일 연산이 끝났을 때 초기화되지 않고, 연산 결과에 대해 추가적인 연산을 할 수 있다. (누적 연산) 활용될 기술 스택은 다음과 같다. UIStackView : 계산기 앱의 UI를 구성 IBDesignables, IBInspect..

오늘은 LED 전광판 앱의 기능 구현을 마무리할 것이다. 어제는 설정 화면에 있는 컴포넌트에 대해 클래스에 인스턴스를 만들어주고, 관련된 함수를 정의했었는데, 오늘은 설정 화면에서 선택한 값들이 메인 화면에 반영되도록 하는 기능을 완성하려고 한다. 설정 화면에서 선택한 값들을 메인 화면으로 보내주려면, 지난번에 공부했던 Delegate 패턴을 사용해야 한다. SettingViewController에 LEDSetting이라는 프로토콜부터 선언해주자. protocol LEDBoardSettingDelegate: AnyObject { func changedSetting(text: String?, textColor: UIColor, backgroudColor: UIColor) } changedSetting 함수..