썬이의 IT세상

지원은 원티드 플랫폼에서 진행했고, 지원 후 서류합격 안내까지 이틀정도 걸렸던 것 같다.메일로 서류합격 안내와 함께 코딩 테스트 전형이 있을 것이라는 안내도 받았고,머지않아 추가로 코테 전형 안내 메일을 받게 되었다. 프로그래머스나 백준 문제를 평소에 풀어보지 않았고,실무때도 알고리즘은 내가 작성하는 것보다 훨씬 높은 수준의 코드를 작성해주시는 gpt 형님이 계셨기에생전 처음 보게 될 코테는 나에게 설렘이자 조급함으로 다가왔다. 다행히 CJ E&M 측에서 제시해 준 일정에는 1-2주 정도의 여유가 있어후다닥 프로그래머스 level 1 정도의 문제를 풀면서 감을 익혔고쇼츠나 릴스를 보던 시간에는 다른 개발자분들의 코테 기출문제 풀이를 보면서급하게 준비했었던 것 같다. 코딩 테스트는 내가 원하는 시간에 테스..

VS Code에서 중괄호, 대괄호로 선언하는 함수나 object 등 코딩할 때 자동 들여쓰기가 되지 않아 불편할 때가 있다. 불편한 예시는 아래와 같다 temp 라는 함수를 선언할 때, 중괄호 사이에서 엔터를 누르면 위 예시처럼 나오게 되는데 이렇게 되면 한번 더 줄바꿈을 해주고 다시 빈공간으로 커서를 옮겨 들여쓰기를 해주어야 하는 번거로움이 있다. 세팅 방법 세팅 방법은 의외로 간단하다. 1. VS Code 설정 > json으로 열기 ctrl + , 이나 cmd + , 혹은 VS Code 설정 창을 열면 다음과 같은 화면이 나올텐데 우측 상단을 보면 이런 아이콘이 나올텐데, 가장 왼쪽 아이콘을 클릭하면 설정을 json 파일로 열 수 있다. 2. 자동 들여쓰기 설정해주기 우리는 json 파일에서 "edi..

매번 스크립트 파일을 새로 작성할 때, import React from 'react'; 부터 export default 파일이름까지 일일이 작성해줘야하는 번거로움을 덜어주는 VS Code의 기능을 다뤄보도록 하겠다. 🟨 Code Snippet ? - VS Code에서 새로 파일을 만들고 해당 파일에 들어가는 기본적인 코드들, 즉 거의 대부분의 파일에서 공통적으로 사용되는 코드들을 일일이 작성할 때 이를 간단한 명령어 하나로 작성해주는 기능이다. 예를 들어 앞서 적어놓은 부분을 좀 더 자세히 보면 import React from 'react'; import {View, Text} from 'react-native'; const filename = () => { return ( This is new file..

카톡이나 문자를 주고받을 때 예전에는 '^^' 같은 이모티콘을 요즘엔 😄

홈 피드를 새로고침하는 등의 기능을 구현하려면 react native scrollview의 refreshControl props를 활용하면 매우 편한데, 아무리 스크롤을 당겨도 refreshControl이 동작하지 않는 경우에 scrollView에 위와 같이 bounces={false} 로 되어있는 지 확인해보자. 나는 스크롤뷰를 사용할 땐 indicator와 bounces를 모두 false 해두는 습관이 있는데, 스크롤뷰를 아래로 스와이프 했을 때 바운스되면서 동작하는 RefreshControl인데 그 bounces 속성을 꺼두었으니 안나오는게 당연하다.. refreshControl usage import {RefreshControl, ScrollView} from 'react-native'; ... ..

시작하기 크로스 플랫폼 앱의 단점중 하나인 버튼 위치 1px만 옮겨도 앱을 업데이트 해야하는 굉장히 불편한 부분을 보완하고자 Code push 라는 어마어마한 서비스가 나왔는데, 이를 적용하고 테스트해보려면 실제로 스토어에 업데이트 된 앱이 있어야 하므로 사이드 프로젝트 겸 code push 테스트를 위한 앱을 만들어보고자 한다. 새로 만들어보는 김에, 이전 Private Box는 윈도우 환경에서만 개발했기에 RN으로 만들었음에도 안드로이드만 배포했었는데, 이번엔 Android/IOS 둘다 배포해보고자 한다. 개발 프레임워크 : React Native v0.72.1 사용 언어 : Typescript v4.8.4 프로젝트 생성 RN 타입스크립트 프로젝트를 간단한 명령어로 생성할 수 있다. 프로젝트를 생성하..

평소처럼 커리어리 피드를 보던 중 팔로우하는 어떤 개발자분께서 VS Code 내에서 Figma 화면을 볼 수 있다는 말씀에 후다닥 VS Code의 확장에 Figma를 검색해보니 Figma for VS Code 플러그인이 있어 간단하게 사용해본 후에 후기 및 사용법을 간단히 포스팅해보겠다. 먼저 앞서 말했듯 VS Code 확장 탭 > Figma 를 검색하면 Figma for VS Code 가 위와 같이 나올텐데, 당연히 install 을 눌러준다. 그러면 위 사진과 같이 좌측 탭에 피그마 로고가 생기면서 클릭해보면 피그마에 로그인해달라는 문구가 뜬다. 버튼을 눌러 로그인해주자. 정상적으로 로그인 되었다면 VSC 상에서 위와 같이 보일텐데, Recents 혹은 Shared Files 토글을 열어 작업 중인 ..

처음 IT 계열에 입문하게 되었을 때, 가장 나를 힘들게 했던 건 관련 용어였다. API, 서버, 클라이언트, 등등.. 관련 서적도 많이 읽어보고 했지만 지금도 여전히 생소한 단어들 천국이다 :( 그러던 중 문득 쿠버네티스(Kubernetes)는 왜 k8s라고 쓰는지 의문이 생겨 알아보던 중, 아주 재밌는 사실을 발견했다. Kubernetes 문자열의 처음과 끝(k,s) 을 제외한 나머지 문자의 개수가 8개이기에 숫자로 줄여 k8s로 쓰는 것이었다. 나는 이에 흥미를 느껴 이런 류의 단어들을 더 찾아보았는데, 최근에 포스팅한 i18n(https://k-taeyang.tistory.com/61)또한 internationalization 의 약어로 단순히 i와 n 사이에 18개의 알파벳이 있기에 줄여서 사..

확장에서 Prettier를 설치하고, 작업할 때 저장하면 자동으로 prettier 서식이 적용되게 하는 방법을 작업 환경이 바뀔 때마다 까먹어서 적어두려 한다. Window : Ctrl + , Mac : cmd키 + , 로 VSCode 설정을 들어간 후에 Format on Save 설정에 들어가서 체크박스에 체크만 해주면 된다.

현재 쓰고 있는 마우스는 로지텍 mx matser 마우스인데 마우스4,5번 버튼(뒤로가기/앞으로가기)가 윈도우에서는 잘 동작했었으나 맥에서는 동작하지 않아 되게 불편했었다. 그래서 방법을 알아보던 중, Karabiner를 이용한 방법만 나오길래 되는 줄 알았더니 이 마우스에는 동작하지 않는 방법이었다. 근데 크롬에서 앞으로/뒤로가기 버튼은 동작하는데 vs code에서만 동작하는게 아니라서 단축키를 크롬과 같이 변경하면 되지 않을까..? 라는 생각에 vs code shortcut 편집기에서 크롬과 같이 커스텀했는데 이런... 역시 동작하지 않았다. 그래서 이것저것 눌러보던 중에, 이녀석을 처음에 세팅할 때 설치했던 logi options+ 가 생각나서 봤더니 에라이... vs code를 추가 안해놨었다ㅠㅠ..