본문 바로가기

전체 글

 (46)
Angular Component LifeCycle (2) - ngOnChanges(), ngDoCheck(), ngAfterContentInit(), ngAfterContentChecked() Angular Component 생명주기 2탄으로 돌아왔습니다! 🤪 5. ngOnChanges(changes: SimpleChanges)ngOnChanges는 component의 inuput이 변경되었을 때 호출되는 생명주기 hook 입니다.인자로 들어오는 `SimpleChanges` 타입에는 무엇이 있을까요?! export declare interface SimpleChanges { [propName: string]: SimpleChange;}export declare class SimpleChange { previousValue: any; currentValue: any; firstChange: boolean; constructor(previousValue: any, cu..
Angular Component LifeCycle (1) - ngOnInit, ngOnDestroy, ngAfterViewInit, ngAfterViewChecked 요즘 Angular를 사용하는데, Angular 컴포넌트의 생명주기에 대해 잘 모르고 있다는 생각이 들어 생명주기에 대해 공부해보고자 합니다. 😊Angular 컴포넌트의 Life Cycle은 총 8가지가 있습니다!가장 자주 쓰이는 ngOnInit()과 ngOnDestroy()그리고 다소 덜 쓰이는 ngOnChanges(), ngDoCheck(), ngAfterContentInit(), ngAfterContentChecked(), ngAfterViewInit(), ngAfterViewChecked() 까지 총 8개가 있네요.너무 많아서 우선 ngOnInit()과 ngOnDestroy(), ngAfterViewInit(), ngAfterViewChecked() 4가지를 보려합니다. 1. ngOnInit()..
글또 10기 다짐글 안녕하세요! 글또 10기에 합격한 후 첫 글입니다. ㅎㅎ0. 글또란 글또의 마지막 기수인 10기를 제가 아주 좋아하는 친구 덕에 신청하게 되었습니다! 우하하, 좋은 기회를 알려줘서 감사합니다 ㅈㅎ님 😊.글또는 개발자들이 모여 함께 글을 쓰는 커뮤니티 입니다. https://geultto.github.io/ 링크에 가면 좀 더 자세한 설명을 볼 수 있습니다. 이번에는 약 600명의 개발자와 PM 직군이 모였다고 합니다. 정말 많은 개발자분들이 계셔서 두근두근하네요. 전부 다 만나볼 수는 없지만 5명정도는 새로운 개발자분을 알게 된다면 좋겠어요.글또는 6개월간 2주에 한번씩 글을 올려야 하는데, 잘 올릴 수 있을지 걱정이네요. 요즘 퇴근하면 만사가 다 귀찮아요. 처음 목표는 12개의 글을 패스없이 사용하는..
Next.js 13 + typescript에서 styled-component 사용하기 (바벨이랑 충돌나는 분 오셈~) next.js 13 버전을 사용하던 중 sass에서 styled-component로 갈아타려고 합니당. 우선 styled-components를 설치 npm i styled-components npm i @types/styled-components 넥스트에서 styled-compoenets를 사용하면 스타일이 적용되지 않은 html이 먼저 렌더링 되는 문제가 있어 보통 babel-plugin-styled-components를 설치하고 .babelrc 파일에서 설정을 해주는데 그렇게 하니 아래와 같은 에러가 발생했답니다~!! Syntax error: "next/font" requires SWC although Babel is being used due to a custom babel config being ..
[Mac] 웹서버 킨 적 없는데 localhost 들어갔을 때 it works! 메시지 이거 때문에 하루를 날렸어요^^ wordpress + nginx 실행시키고 8080포트 들어가려는데 it works! 메시지만 떠서 하루 버렸습니다. ^0^/ 알고보니 nginx 실행 안시키고 들어가도 메시지 뜸.. 아니 어쩐지 누가 자꾸 내 80포트 쓰고 있더라구요~! 해결법은 sudo launchctl unload -w /System/Library/LaunchDaemons/org.apache.httpd.plist 요렇게! 맥에 내장된 apache가 자동실행 되는 거셨다 ~..
[CPP_Module] Orthodox Canonical Form : 기본생성자, 복사생성자, 할당연산자 오버로딩, 소멸자 Orthodox Canonical Form 기본 생성자 기본 소멸자 복사 생성자 할당 연산자 오버로딩 class A { A(); ~A(); A(const A &a); A &operator= (const A &a); };복사생성자 따로 정의해주지 않아도 default 복사생성자 존재함 그런데 deep copy가 아닌 shallow copy함 #include class A { private: int *n; public: A() { n = new int(0); } int getN(){ return *n; } void setN(int num) { *n = num; } }; int main(void) { A a; A b(a); std::cout
CPP_Module_01 객체 배열 생성, 포인터와 레퍼런스 타입, 함수포인터, fstream CPP module 01 ex00 zombie 객체를 두가지 방식으로 생성. 스택에 zombie 객체 생성 (randomChump()) 힙에 객체를 만들어보기(newZombie()) heap에 만들기 : new 키워드를 사용한다. 자동으로 소멸되지 않으므로 다 쓰면 delete를 해주어야함 ex01 객체 배열 생성하기랑 할당 해제하기 //zombie 객체 n개를 를 한번에 할당 Zombie *z = new Zombie[N]; delete [] z; ex02 pointer 와 reference 타입의 차이 이해하기 int n = 0; int *ptr = &n; int &ref = n; ptr 안에는 n이 저장되어있는 곳의 주소값이 있음. ptr을 통해 n에 접근할 수 있을 뿐 ptr과 n은 전혀 다른 변수..
CPP_Module_00 CPP module 00 ex00 cpp의 입출력은 iostream 을 사용한다! 객체지향인 cpp는 stdio 보다 객체지향 라이브러리인 iostream을 사용하는 것이 편하다. 에 대입할수 있는 타입이 더 다양하기 때문! 객체나 구조체를 출력할 때 더 편할 것이당당~ Makefile에 CC CFLAGS가 아닌 CXX CXXFLAGS를 사용하는 이유 Makefile의 OBJS에서 .c:.o의 규칙을 따로 정하지 않고 OBJS = $(SRCS:.cpp=.o) 로 했을 때 ! 컴파일 옵션이 자동으로 들어가지지 않음!!! NAME = phonebook SRCS = main.cpp Contact.cpp PhoneBook.cpp OBJS = $(SRCS:.cpp=.o) CXXFLAGS = -Wall -Wextr..

티스토리툴바