본문 바로가기

분류 전체보기382

[AngularJS2] 부모-자식 컴포넌트 데이터 바인딩하기 (1) 하이 ~~ 후... 벌써 삼월이다. 코로나때문에 어디 나가지도 못하고.. 계속 집 회사 집 회사다 ㅜㅜ 어서 코로나가 끝나고 야외활동 좀 하고싶다 ㅜ-ㅜ 오늘은 웹쪽 기술을 좀 다뤄볼꺼다. 자세하게 얘기해보면... 오늘 다뤄볼 내용은 바로 ...! Angular2 에서 프로젝트를 생성하고 안에 컴포넌트를 만든 뒤 자식 컴포넌트에서 부모 컴포넌트로 , 다시 부모 컴포넌트에서 자식 컴포넌트로 데이터를 바인딩하는 걸 간단하게 코딩해볼꺼다. 프로젝트 생성 자...! 먼저 프로젝트를 간단하게 생성해보자. 먼저 터미널을 켜고 ..! 작업을 할 디렉토리로 이동하자. 그러고 난뒤에 ng new [프로젝트명] 을 입력해주자! 응 할거야~~ yes 뭘 선택하든 상관없지만 나는 SCSS 를 쓸거당 그러고나서 조금만 ... .. 2020. 3. 4.
[WEB] TypeScript 기본 (2) - Angular 코드를 읽기 위해 필요한 TypeScript 하이 ~~!! 오늘은 가볍게 Angular 에서 흔히 쓰이는 TypeScript의 형태에 대해 소개하려고한다. 먼저 TypeScript를 사용하면 프로토타입 기반이 객체지향 프로그래밍이 가능해진다. 아래의 타입 스크립트 코드를 보라. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 class SuperClass { public n1 = 10 protected n2 = 20 private n3 = 30 constructor() { this.n1 = 100 this.n2 = 200 this.n3 = 300 } } class SubClass extends SuperClass { constructor() { super() this.n1 = 1.. 2020. 2. 25.
[WEB] TypeScript 기본 (1) 회사에서 angular js를 이용한 간단한 웹 프로젝트 유지보수를 진행 중이다. 학교다닐 때부터 그렇게 front-end 쪽 프로그래밍은 관심이 없었기에 ... 간단한 유지보수라도 나에겐 굉장히 어려운 작업이다. ㅠㅡㅠ TypeScript란? HTML5 가 등장하기 이전까지 웹 애플리케이션은 Flash, Siverlight, Active-x 같은 플러그인에 의존해서 interactive 한 웹페이지를 만들어 왔따. 그런데.. HTML5가 등장하고 이러한 방식은 자바스크립트로 대체되었다. 자바스크립트는 굉장히 강력한 언어이다. (웹 의 어셈블리언어라고 불리니 말다했지 뭐..!) 자바스크립트가 매우 많은 장점을 가지고 있지만 몇몇가지 단점도 있다. 자바스크립트가 굉장히 동적이고 느슨한 타입의 언어이다 보니.. 2020. 2. 23.
[Solution] PowerShell - "이 시스템에서 스크립트를 실행할 수 없으므로 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies를 참조하십시오." 에러 발생할 때. 하이 ~~ 오랜만에 프론트 쪽 공부를 하려고 VSCODE를 깔고 angular 를 설치했는데 ... vscode 터미널을 이용할 때 아래와 같은 오류가 발생했다. 뭔가 권한이 ... 문제인 듯하다 . 윈도우에 깔려있는 Windows PowerShell 을 관리자 권한으로 켜주자. 관리자 권한으로 켜주고 나서.. 먼저 권한이 어떻게 되어있는지 확인해주고 만약 Restricted 이면 RemoteSigned 로 변경해주자. 아래와 같이 해주면 된다. 그러고 나서 다시 VSCODE 터미널로 와서 다시 ng 명령어를 쳐보면 ..! 잘되는 것을 확인할 수 있다. 그럼 오늘도 즐코하자~~ ㅎㅎㅎ 2020. 2. 22.
[OOP] 니객망 1탄 - 객체지향 프로그래밍 이란? 하이~ 어렸을 때 부터 나는 농구를 좋아했고, 고향팀인 창원 LG팀을 거의 20년 넘게 응원하고 있다. 창원 LG 감독 중에 강을준이라는 감독이 있었는데 작전 타임때 종종 구수한 사투리로 ...! '니가 갱기를 망치고 있어 ~' 라는 말을 자주 했다. ㅎㅎㅎ 오늘 부터는 그동안 내가 잘못 이해하고 있던 .. 그리고 개념을 안다고 생각했던 객체지향에 대해 완벽하고 꼼꼼하게 포스팅을 해보려한다. 이름하여 ....! '니가 객체지향을 망치고 있어~' 니!! 객!! 망!! 시리즈~~ 대부분의 회사에서 프로젝트를 할때 설계를 하고 설계문서를 바탕으로 코딩을 할 것이다. 대표적으로 사용하는 설계방식이 바로 객체지향 설계인듯 하다. 그 만큼 이 개념을 확실히 잘 알고 사용하는게 좋을 듯한데, 개인적인 바램으로는 직접.. 2020. 2. 18.
[OOP] 객체 지향 설계를 해야 하는 이유 내가 컴퓨터 공학을 전공으로 선택한 후, 처음으로 흥미를 느낀 영역은 객체 지향 프로그래밍 (OOP) 이었다. 심지어 휴학을 하고 한 학기 동안 객체지향만 공부한 적도 있었다. (그렇다고 잘하는 건 아니다 ㅜ_ㅜ) 요즘 회사에서 객체지향언어의 대표적인 언어인 자바를 많이 쓰고 있는데, 문득 이런 생각이 들었다. "내가 만약 책임자 직급이 되면 소스코드를 개발하고 수정하는 것을 넘어 설계까지 해야하는 때가 오지 않을까?" 그래서 오늘부터라도 그 순간을 위해 조금씩이나마 객체지향 설계에 대해 공부를 하려고 한다. 오늘 포스팅하는 내용은 정말 객체지향에 대해 아주 미미한 나의 지식을 끄적인 것이니 가볍게 읽고 넘어가 주면 좋겠다. 객체지향 설계의 핵심 예전에 한 회사 면접에 가니 면접관님이 이렇게 질문을 하셨.. 2020. 2. 9.
2020년 인공지능 5대 전망 IBM Research 에서 2020년 AI의 다섯가지 전망을 밝혔다. 해당 내용은 아래의 링크를 참조해 포스팅했다. https://www.ibm.com/blogs/research/2019/12/2020-ai-predictions/ 2020 AI Predictions from IBM Research | IBM Research Blog The field of artificial intelligence (AI) experienced tremendous scientific advances in the last few years, from vast improvements in processing power and computational efficiency to new insights into object id.. 2020. 1. 27.
[Linux] VMWare에 CentOS 리눅스 설치하기 하이 여러분~~!! 지난 포스팅에서 가상머신이 무엇인지에 대해 포스팅을 했었다. (이전 포스팅을 안보셨다면 아래링크로 접속해주세요~) https://devkingdom.tistory.com/92 [Linux] VMWare 설치하기 하이 ~~ 진짜 오랜만에 글을 또 쓴다. ㅜㅜ 새해들어서 글쓰는게 정말 게을러진 것 같다. 반성해야겠다. 오늘을 시작으로 다시 열심히 써봐야지~~! 오늘은 가상머신인 VMWare 를 설치해볼 예정이다. 회사에서 이것.. devkingdom.tistory.com 그럼 실제 가상머신을 설치해봐야하지 않겠는가. ㅎㅎ 오늘은 VMWare에 CentOS를 가상머신으로 올려볼 것이다. CentOS 먼저 CentOS가 무엇인지 알아보자. 아래 표를 보자. 리눅스라고 같은 리눅스가 아니다. .. 2020. 1. 26.
[Linux] VMWare 설치하기 하이 ~~ 진짜 오랜만에 글을 또 쓴다. ㅜㅜ 새해들어서 글쓰는게 정말 게을러진 것 같다. 반성해야겠다. 오늘을 시작으로 다시 열심히 써봐야지~~! 오늘은 가상머신인 VMWare 를 설치해볼 예정이다. 회사에서 이것 저것 많은 일을 하는데... 모든 작업의 기본이 리눅스다 보니.. 리눅스를 조금더 깊게 공부해야겠구나 생각이 들었다. 그래서 집에서도 조금씩 공부를 해보려고 VMWare를 설치 해봤다. 오늘은 간단하게 가상머신이 무엇인지 말씀을 드릴거고 , VMWare 설치방법에 대해 설명을 드리겠다. 가상머신 가상머신을 설명하기 앞서 내가 가지고 있는 컴퓨터가 어떻게 네트워크와 연결되는지 아주 간단하게 그림으로 설명해 보겠다. 위의 그림은 아주 간단하다. 나는 Windows 운영체제를 가진 컴퓨터를 사용하.. 2020. 1. 26.

티스토리툴바