본문 바로가기

분류 전체보기

 (121)
22.01.05: typescript, React Storybook 이용 과제 (Arrow Function, currentTarget) 문제 1. (FirstTemplate 에 작성합니다.) 간단한 버튼 3개를 구현해주세요. 버튼 문서는 오른쪽 링크를 참조합니다. (https://mui.com/material-ui/react-button/) 첫 번째 버튼의 속성은 small 사이즈이며 outlined, primary 입니다. 두 번째 버튼의 속성은 medium 사이즈이며 contained, secondary 입니다. 세 번째 버튼의 속성은 large 사이즈이며 text, error 입니다. const FirstTemplate: Story = (args) => { return ( Primary Secondary Error ); }; 문제 2. (SecondTemplate 에 작성합니다.) InputText 에 값이 없을 때 비활성화, 값이..
나의 2022년 돌아보기 2022년은 나에게 정말 많은 일이 일어난 해였다. 뉴질랜드에서의 마지막 락다운이 풀리고 바쁘게 일 하면서, 힘들고 정신 없지만 좋은 동료들 덕분에 즐거운 2021년 하반기와 2022년 1분기를 보냈다. 2022년 2월엔 나의 휴가가 시작 되자마자 코로나에 걸려서 나의 휴가를 반쯤 날려 버렸고, 2020년 12월에 접수만 해 놓은 채로 기약 없이 기다리고 있던 영주권은 우여곡절 끝에 3월에 나왔다. 그렇게 내 속을 까맣게 태웠는데, 막상 받고나서는 그리 기쁘지가 않았다. 코로나 덕분에 오랫동안 한국에 못들어 왔었어서, 영주권을 받고 자체 휴가 기간을 가지려고 생각해왔었다. 그래서 5월에는 일을 잠시 중단하기로 하고 휴가차 한국에 들어왔다. 원래 영주권을 따고 나서 web developer 과정을 수료할 ..
22.12.29: 프로그래머스_다음에 올 숫자 문제 설명 등차수열 혹은 등비수열 common이 매개변수로 주어질 때, 마지막 원소 다음으로 올 숫자를 return 하도록 solution 함수를 완성해보세요. 제한사항 2
22.12.28: 프로그래머스_옹알이(1) 문제 설명 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 각 문자열에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장합니다. 즉, 각 문자열의 가능한 모든 부분 문자열 중에서 "aya", "ye", "woo", "ma"가 한 번씩만 등장합니다. 문자열은 알파벳 소문자로..
22.12.21: 타입스크립트 타입들 - Union, Any, Unknown 타입스크립트는 변수를 만들때 타입을 지정할 수 있다. 자주 쓰는 type들은 다음과 같음 let 이름 :string = 'Kim' let 나이 :number = 20; let 여성 :boolean = true; array 또는 object 자료 안에서도 타입을 지정한다 let name :string[] = ['Kim', 'Park'] array안에 다른 타입이 동시에 들어갈 때 let 회원들 :(string | number)[] = ['Kim', 22] object 자료 안에 들어가는 타입은 object 모습과 같다. let kkongJji: { age : number } = { age : 2 } 하지만 모든 변수에 타입을 지정 할 필요는 없다. 변수 생성시 타입스크립트가 타입을 자동으로 부여 해 준다...
22.12.17: TypeScript 특징, 쓰는 이유? TypeScript란? JavaScript에 타입을 부여한 언어이다. 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하기 위해 파일을 한번 변환 해 주어야 한다. 이 과정을 컴파일(compile)이라 한다. # TypeScript 특징 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프린터 언어로 런타임에서 오류를 발견한다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이고 타입스크립트 컴파일러 또는 바벨을 통해서 코드로 변환된다. 자바스크립트에 타입스크립트 문법이 추가된 것 유효한 자바스크립트로 작성한 코드는 확장자를 .js에서 .ts로 변경하고 타입스크립트로 컴파일해 변환 가능 객체 지향 프로그래밍 지원 ES6에서 새롭게 사용된 문법을 ..
22.12.08: IT 인프라 IT 인프라에 대한 개념이 잘 잡혀있지 않은 것 같아서 오늘은 IT 인프라에 대한 강의를 듣고 정리 해보려 한다. 참고한 웨비나: NAVER Cloud Platform의 누구나 쉽게 이해할 수 있는 IT인프라 정복하기! IT 인프라란? IT Infrastructure IT 서비스의 기반이 되는 Information Technology(IT) 구성 요소들의 집합 IT 구성요소 하드웨어: 장비 설치를 위한 데이터센터, 데이터센터 운영 위한 냉각 시설과 서버, 스위치, 스토리지, 라우터 등 소프트웨어: Window, Linux 같은 운영체제를 포함하여 그 위에 올라가는 아파치 같은 웹서비스, 미들웨어 등이 소프트웨어에 포함 네트워크: 케이블, 스위치, 라우터 뿐 아니라 이를 통한 네트워킹 및 보안 방화벽, 인..
22.12.07: 리팩토링 - 추상화 도전(?) 코드 리팩토링을 결심하게 된 계기는...일단 만든 프로그램이 돌아가긴 하지만 볼일 본 뒤 닦지 않은 듯한 찝찝함 때문이었다. 예전 팀 프로젝트들을 진행하면서, 시간이 좀 더 있었다면 리뷰도 받고 고쳐 보고 싶었는데, 커리큘럼을 따라가느라고 제대로 해 보지 못한 부분도 있다. 아주 간단한 기능들만 들어간 투두리스트이긴 하지만, 코드를 내 마음대로 여기 저기 뜯어 고쳐 보고 공부 할 수 있는 좋은 기회라 생각해 진행 해 보기로 했다. *댓글로 더 나은 방향성을 제시 해 주신다면 매우 감사드립니다. 나는 추상적인 개념에 대한 이해가 잘 안되는 편이다. 처음에 코드의 추상화라는 단어를 들었을 때는 잉 코드를 추상화 한다니 그게 무슨 말인가 싶었다. Computer Science에서의 추상화라는 것은 복잡한 자료..
반응형

티스토리툴바