그럴만두!

Vuex란? 다양하고 복잡한 컴포넌트들을 효율적으로 관리하는 라이브러리 Vuex는 어플리케이션에서 컴포넌트의 개수가 많아지면 컴포넌트 간에 데이터 전달이 어려워지기 때문에 필요하다. Flux? MVC패턴의 복잡한 데이터 흐름을 해결 할 수 있는 새로 나온 패턴으로 데이터의 흐름이 여러개로 갈리지 않고, 단방향으로만 처리된다. Vuex 설치 및 등록하기 npm i vuex@3.6.2 npm 방식으로 설치를 해준다. https://vuex.vuejs.org/installation.html Installation | Vuex Installation Direct Download / CDN https://unpkg.com/vuex@4 Unpkg.com provides NPM-based CDN links. The ..

Enum 이란? : 특정 값들의 집합을 의미하는 자료형. 집합의 데이터 타입. 숫자형 이넘과 문자형 이넘으로 구분된다. enum Shoes{ Nike = '나이키', Adidas = '아디다스' } // 별도의 값을 지정하지 않으면 숫자형 이넘으로 된다. 지정하지 않으면 0부터 시작 var myShoes = Shoes.Nike; 이넘으로 정의 된 애들은 별도의 값을 지정하지 않으면, 첫번째 값은 0으로 할당되고 다음부터는 1씩 증가하는 값을 가진다. (숫자형 이넘) 알아볼 수 없으니 TypeScript Playground에서 돌려보자 콘솔에 찍히는 걸 볼 수 있다. 예제를 한번 보자 이넘으로 Yes와 No를 지정해준다면 함수활용에 있어서 의미는 같지만 값이 다른 애들을 걸러줄 수 있다.

유니온 타입은 간단히 말하면 하나의 타입 이상을 쓸 수 있게 하는 것이다. function logMessage(value: string | number ){ if(typeof value === 'number'){ //value의 타입을 number로 정의 any라면 어떤 타입이 들어오는지를 볼 수 없지만 유니온은 명시가 되어있기 때문에 바로 사용할 수 있음 value.toLocaleString(); } if(typeof value === 'string'){ value.toString(); } throw new TypeError('value must be string or number'); } ' | ' or 연산자와 비슷한 애로 타입을 골라서 쓸 수 있다는 것이다. any로 타입을 정의 했을 때는 어떤 ..

타입스크립트의 기본타입에는 12가지가 있다. 1. String 2. Number 3. Object, 4. Boolean 5. Array 6. Tuple 7. Enum 8. Any 9. Void 10. Null 11. Undefined 12. Never String 일경우에는 let name: string = 'mandoo'; 변수명 옆에 타입을 써줘야 한다. Number일 경우에는 let age: number = 25; 이런식으로 타입을 지정해주면 된다. 몇 가지만 더 살펴보자면 Array let arr: number=[1,2,3] Tuple let arr:[string, number] = ['mandoo', 25] tuple은 이렇게 각 요소의 타입을 지정할 수 있다. Any let name:any =..

TypeScript란?? 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 컴파일이 필요하다. TypeScript 를 왜 쓸까? 에러를 사전에 먼저 방지하고, 개발 생산성을 향상시키기 위해서 점점 많이 쓰는 추세이다. 에러의 사전방지 fucntion add(a,b) { return a + b; } 이런 자바스크립트를 타입스크립트는 function add(a: number, b: number){ return a+b; } 이렇게 타입을 지정해 준다는 것이다. 실제로 사용을 해보게 되면 이렇게 개발함에 있어서 가이드를 해주는 느낌이다. (에러를 방지하기 위함) 타입스크립트를 시작할 때 거의 필수적으로..

vue.js 를 처음 시작했다. 얼레벌레 따라하는데 알 수 없는 오류들이 와장창 났다. mixed spaces and tabs, "OO" is defined but never used component name "OO" should always be multi-word 알아보니까 EsLint가 오류를 걸러줄 때 저런 아이들 까지 모두 걸리기 때문에 원치 않으면 따로 설정을 해줘야 한다고 한다. 처음 찾아본거는 vue.config.js 파일에 module.exports = defineConfig({ transpileDependencies: true, lintOnSave : false }) lintOnSave:false 를 해주면 된다고 해서 했는데 오류가 나진 않는다. 그런데 왠지 모든 오류를 다 무시해버..

그림을 다운로드 할 수 있는 명령어를 알아보자. wget 명령어로 그림을 다운 받을 수 있다. wget + 그림 주소를 넣으면 다운이 가능하다. 다운로드 결과는 이렇게 나오고 saved 글자를 보면 다운로드 성공이다. ls 로 확인해보면 url이 지저분하게 이름으로 들어가있다. 이름을 바꾸면서 저장을 하면 편할텐데.. 그게 바로 wget -O + 지정이름 + 그림주소 이렇게 -O 옵션을 이용해서 tree.jpeg라고 이름을 정해주고 wget을 하면 tree.jpeg로 저장되는 것을 확인할 수 있다! 끝

6월 17일에는 최종면접을 봤다. 엄청나게 걱정하고 준비해서인지 인데놀의 효과인지 모르겠지만 다행히 어려움 없이 면접을 봤다. 그리고 20일에는 동기들과 대표님과 조찬 시간을 가졌다. 조찬..이라..! 회사 뒷편에 있는 페어몬트 호텔로 조식을 먹으러 8시 반에 모였다. 아침부터 스테이크 ? 좋아..! 사실 조식뷔페도 이용할 수 있다고 했는데.. 밥먹겠다고 대표님 말씀하시는데 일어나는 용기있는 사람은 아니라서 저것만 먹었다. 21일 대망의 최종 합격 발표날..두둥.. 프로젝트에서 많이 아쉬웠기 때문에 붙으면 이건 기적이다. 라고 모두에게 말하고 다녔는데,, 과연.. "합격" 타흡..ㅜ.ㅜ 나 포함 8명 동기 모두 합격이다. 이제 인턴에서 매니저로 탈바꿈합니다,,? 난 근데 파견 나가는 부서라서 당장 다음주..

예약하기 어렵기로 소문난 이속우화를 다녀옴!! 아주 엄청난 운이 필요했습니다 쿠쿠😉 21일 17시에 예약이 열리는데 완전 광탈해서 넘 슬픈 마음을 가지고 포기 상태,,였지만 그래도 취소자리를 노려보자 하고 빈자리 알림은 켜놨었는데 이것이 날 도와줬다 후후후 딱 가고싶은 날 가고싶은 시간에 알림이 와서 예약에 성공!!! 원래 빈자리 티켓팅도 쉽지않은데 어케 했지 아무튼 ⭐나는 엄청난 행운아⭐ 입장..! 콜키지는 한병까지는 무료라서 가지고 갈 수 있고, 가져가면 와인잔도 제공해준다! 이속우화의 코스는 이렇게 나온다! 첫번째 메뉴..두구두구.. 바로바로 육회..!! + 우니추가(15000원) 그냥 대.존.맛.탱이세요. 다음메뉴 마쉿눈 부췌솰 개찔끔씩 주기는 하는데 어쩔수없다. 그렇다고 저 세조각 준건아닙니다 ..

linux를 새롭게 공부하기로 했다!! 생활코딩의 linux강의를 들으며 공부! CodeOnWeb에서 실습을 진행한다. https://www.codeonweb.com/dashboard/ CodeOnWeb 추천 강의 읽으면서 바로 연습할 수 있는 강의 및 책들 손 끝에서 코딩 교육의 다음 패러다임 코딩마당 귀찮은 준비과정 없이 바로 공부를 시작하세요 코드를 만든 후 누구나 실행이 가능한 상 www.codeonweb.com 이 링크로 들어가서 상단에 실습으로 들어간다. 아마 회원가입과 로그인이 필요할 것이다! 시작하면 이 화면으로 들어와서 오른쪽 하단에 언어를 shell로 바꿔주면 linux 환경 세팅 끝! 바로 명령어를 공부해보자! 먼저 현재위치를 알려주는 명령어는 pwd 이다. 명령어를 입력하면 밑에 내..