삽질의 기록들 👨💻
태그 목록
- 전체보기(122)
- 42Seoul(35)
- C(19)
- cpp(16)
- JavaScript(15)
- network(12)
- React(11)
- django(11)
- python(11)
- git(10)
- ip(8)
- minishell(6)
- 예발자닷컴(6)
- component(6)
- CSS(6)
- IBM(6)
- CloudCore(6)
- cloud(6)
- Libft(5)
- iOS(5)
- Props(4)
- 오픈소스(4)
- github(4)
- html(4)
- 오픈소스컨트리뷰톤(4)
- bash(4)
- 2021 오픈소스 컨트리뷰션 아카데미(4)
- Clouders(4)
- 파이프(3)
- 라이브러리(3)
- libasm(3)
- Makefile(3)
- ft_service(3)
- shell(3)
- swift(3)
- ft_printf(3)
- GNL(3)
- signal(3)
- ft_server(3)
- kubernetes(3)
- 쿠버네티스(3)
- Philosophers(2)
- static(2)
- POST(2)
- redirection(2)
- 서브넷마스크(2)
- Subject(2)
- 연결리스트(2)
- mysql(2)
- tcp(2)
- next.js(2)
- pipe(2)
- errno(2)
- State(2)
- redux(2)
- GCC(2)
- pod(2)
- ES2020(2)
- 컴퓨터공학(2)
- mutex(2)
- EventListener(2)
- Nginx(2)
- Semaphore(2)
- wordpress(2)
- dup2(2)
- rebase(2)
- 추상 클래스(2)
- docker(2)
- querystring(2)
- Debian(2)
- node.js(2)
- 컨테이너(2)
- object(2)
- phpmyadmin(2)
- dockerfile(2)
- 리다이렉션(2)
- UIkit(2)
- 공유자원(1)
- 템플릿언어(1)
- 접근제어(1)
- include(1)
- execve(1)
- Namespace(1)
- 가상화(1)
- 객체(1)
- exit status(1)
- ssl(1)
- iterator(1)
- Rand(1)
- HI THIS IS BRAIN(1)
- desired state(1)
- PDU(1)
- Static_cast(1)
- try(1)
- bash 명령어(1)
- 종료상태(1)
- templates(1)
- 식사하는 철학자(1)
- rewind(1)
- 엑세스함수(1)
- 플래그 레지스터(1)
- Dynamic_cast(1)
- i/o stream(1)
- MVC(1)
- 참조자(1)
- vector(1)
- Plucking some brains(1)
- Dispatch(1)
- exit status code(1)
- 객체지향 프로그래밍(1)
- yaml(1)
- const 참조자(1)
- csrf(1)
- 다형성(1)
- GCP(1)
- SaaS(1)
- PaaS(1)
- IaaS(1)
- kine(1)
- service(1)
- unix(1)
- Subnetting(1)
- IP주소(1)
- 에러메세지(1)
- UIAction(1)
- Xcode(1)
- Conversion(1)
- SIGQUIT(1)
- wait()(1)
- 복사 생성자(1)
- throw(1)
- 테이블뷰(1)
- 키보드 인터럽트(1)
- SOLID(1)
- 네트워크(1)
- 멤버 이니셜라이저(1)
- linkedlist(1)
- model(1)
- store(1)
- printf(1)
- &&(1)
- subnetmask(1)
- fstream(1)
- 동적할당(1)
- apiVersion(1)
- socket(1)
- 컨테이너 어댑터(1)
- reducer(1)
- 콜백함수(1)
- method(1)
- admin(1)
- 생성자함수(1)
- dup(1)
- action(1)
- Microservices(1)
- virtual(1)
- Dangling Reference(1)
- popUpButton(1)
- 쿼리스트링(1)
- ssh(1)
- const함수(1)
- 인스턴스(1)
- find(1)
- continue(1)
- stl(1)
- const(1)
- SIGINT(1)
- 형식문자열(1)
- replace(1)
- 어셈블리어(1)
- syscall(1)
- keyboradEvent(1)
- 클래스 템플릿(1)
- writeFile(1)
- bootstrap(1)
- 반복자(1)
- Deadlock(1)
- 인터페이스(1)
- const_cast(1)
- 대입 연산자 오버로딩(1)
- delete(1)
- 포드(1)
- file descriptor(1)
- stringstream(1)
- 레지스터(1)
- 즉시실행함수(1)
- shellscript(1)
- 고정IP(1)
- 사설IP(1)
- 고정소수(1)
- Git Confolict(1)
- new(1)
- keyCode(1)
- this(1)
- axios(1)
- MTV(1)
- 순수 가상 함수(1)
- api server(1)
- Dependabot(1)
- parser(1)
- 서식지정자(1)
- material(1)
- reset(1)
- etcd(1)
- fork(1)
- 표준 알고리즘(1)
- Sed is for losers(1)
- 시그널(1)
- replicaset(1)
- kubelet(1)
- SSR(1)
- Brodcast(1)
- 서브넷팅(1)
- classnames(1)
- Clouder(1)
- SDU(1)
- 인공지능(1)
- 공인IP(1)
- Metadata(1)
- SIGTERM(1)
- UITableView(1)
- CDN(1)
- 클래스(1)
- 상호배제(1)
- 정적변수(1)
- Markdown(1)
- 블록체인(1)
- 가상함수(1)
- master(1)
- form(1)
- 난수생성기(1)
- 유동IP(1)
- Fetch(1)
- fd(1)
- 형식태그(1)
- pm2(1)
- 교착상태(1)
- 가변인자(1)
- RAII(1)
- UPD(1)
- 조건부렌더링(1)
- 익명함수(1)
- 범용 레지스터(1)
- urls(1)
- 상속(1)
- redirect(1)
- onClick(1)
- IPclass(1)
- JSX(1)
- Storyboard Reference(1)
- CPP-Moudule(1)
- 스케줄러(1)
- 가상상속(1)
- Map(1)
- Netmask(1)
- CRUD(1)
- NodePort(1)
- 컨트롤러(1)
- file(1)
- 시스템콜(1)
- srand(1)
- DHCP(1)
- Netwhat(1)
- time(1)
- Coplien(1)
- i-value(1)
- IoT(1)
- readFile(1)
- devops(1)
- ClusterIP(1)
- 메르센트위스터(1)
- Severless(1)
- My Awesome Phonebook(1)
- strerror(1)
- Typora(1)
- 파일입출력(1)
- 가상머신(1)
- spec(1)
- mt19937(1)
- 브로드캐스트(1)
- reinterpret_cast(1)
- javasciprt(1)
- routing(1)
- 메모리(1)
- nextjs(1)
- 임계구역(1)
- 가상 소멸자(1)
- ClapTrap(1)
- opcode(1)
- OSI7모델(1)
- 예외 처리(1)
- cors(1)
- 베어메탈서버(1)
- 부동소수(1)
- refactoring(1)
- R-value(1)
- 함수호출규약(1)
- 다중상속(1)
- 클러스터(1)
- 템플릿상속(1)
- signal handler(1)
- 자식 프로세스(1)
- UIMenu(1)
- Borderlands(1)
- autoindex(1)
- TCP/IP(1)
- 함수 템플릿(1)
- ORM(1)
- open(1)
- lodash(1)
- 노드(1)
- library(1)
- 44BIT(1)
- Canonical(1)
- 표준 컨테이너(1)
- SPM(1)
- catch(1)
- queryset(1)
- List(1)
- http(1)
- DNS(1)
- ubuntu(1)
- linux(1)
- stack(1)
- deployment(1)
- loadbalancer(1)
- getline(1)
- std::exeception(1)
- Proxy(1)
- 넷마스크(1)
- 스토리보드(1)
전체보기 (122)42Seoul(35)C(19)cpp(16)JavaScript(15)network(12)React(11)django(11)python(11)git(10)ip(8)minishell(6)예발자닷컴(6)component(6)CSS(6)IBM(6)CloudCore(6)cloud(6)Libft(5)iOS(5)Props(4)오픈소스(4)github(4)html(4)오픈소스컨트리뷰톤(4)bash(4)2021 오픈소스 컨트리뷰션 아카데미(4)Clouders(4)파이프(3)라이브러리(3)libasm(3)Makefile(3)ft_service(3)shell(3)swift(3)ft_printf(3)GNL(3)signal(3)ft_server(3)kubernetes(3)쿠버네티스(3)Philosophers(2)static(2)POST(2)redirection(2)서브넷마스크(2)Subject(2)연결리스트(2)mysql(2)tcp(2)next.js(2)pipe(2)errno(2)State(2)redux(2)GCC(2)pod(2)ES2020(2)컴퓨터공학(2)mutex(2)EventListener(2)Nginx(2)Semaphore(2)wordpress(2)dup2(2)rebase(2)추상 클래스(2)docker(2)querystring(2)Debian(2)node.js(2)컨테이너(2)object(2)phpmyadmin(2)dockerfile(2)리다이렉션(2)UIkit(2)공유자원(1)템플릿언어(1)접근제어(1)include(1)execve(1)Namespace(1)가상화(1)객체(1)exit status(1)ssl(1)iterator(1)Rand(1)HI THIS IS BRAIN(1)desired state(1)PDU(1)Static_cast(1)try(1)bash 명령어(1)종료상태(1)templates(1)식사하는 철학자(1)rewind(1)엑세스함수(1)플래그 레지스터(1)Dynamic_cast(1)i/o stream(1)MVC(1)참조자(1)vector(1)Plucking some brains(1)Dispatch(1)exit status code(1)객체지향 프로그래밍(1)yaml(1)const 참조자(1)csrf(1)다형성(1)GCP(1)SaaS(1)PaaS(1)IaaS(1)kine(1)service(1)unix(1)Subnetting(1)IP주소(1)에러메세지(1)UIAction(1)Xcode(1)Conversion(1)SIGQUIT(1)wait()(1)복사 생성자(1)throw(1)테이블뷰(1)키보드 인터럽트(1)SOLID(1)네트워크(1)멤버 이니셜라이저(1)linkedlist(1)model(1)store(1)printf(1)&&(1)subnetmask(1)fstream(1)동적할당(1)apiVersion(1)socket(1)컨테이너 어댑터(1)reducer(1)콜백함수(1)method(1)admin(1)생성자함수(1)dup(1)action(1)Microservices(1)virtual(1)Dangling Reference(1)popUpButton(1)쿼리스트링(1)ssh(1)const함수(1)인스턴스(1)find(1)continue(1)stl(1)const(1)SIGINT(1)형식문자열(1)replace(1)어셈블리어(1)syscall(1)keyboradEvent(1)클래스 템플릿(1)writeFile(1)bootstrap(1)반복자(1)Deadlock(1)인터페이스(1)const_cast(1)대입 연산자 오버로딩(1)delete(1)포드(1)file descriptor(1)stringstream(1)레지스터(1)즉시실행함수(1)shellscript(1)고정IP(1)사설IP(1)고정소수(1)Git Confolict(1)new(1)keyCode(1)this(1)axios(1)MTV(1)순수 가상 함수(1)api server(1)Dependabot(1)parser(1)서식지정자(1)material(1)reset(1)etcd(1)fork(1)표준 알고리즘(1)Sed is for losers(1)시그널(1)replicaset(1)kubelet(1)SSR(1)Brodcast(1)서브넷팅(1)classnames(1)Clouder(1)SDU(1)인공지능(1)공인IP(1)Metadata(1)SIGTERM(1)UITableView(1)CDN(1)클래스(1)상호배제(1)정적변수(1)Markdown(1)블록체인(1)가상함수(1)master(1)form(1)난수생성기(1)유동IP(1)Fetch(1)fd(1)형식태그(1)pm2(1)교착상태(1)가변인자(1)RAII(1)UPD(1)조건부렌더링(1)익명함수(1)범용 레지스터(1)urls(1)상속(1)redirect(1)onClick(1)IPclass(1)JSX(1)Storyboard Reference(1)CPP-Moudule(1)스케줄러(1)가상상속(1)Map(1)Netmask(1)CRUD(1)NodePort(1)컨트롤러(1)file(1)시스템콜(1)srand(1)DHCP(1)Netwhat(1)time(1)Coplien(1)i-value(1)IoT(1)readFile(1)devops(1)ClusterIP(1)메르센트위스터(1)Severless(1)My Awesome Phonebook(1)strerror(1)Typora(1)파일입출력(1)가상머신(1)spec(1)mt19937(1)브로드캐스트(1)reinterpret_cast(1)javasciprt(1)routing(1)메모리(1)nextjs(1)임계구역(1)가상 소멸자(1)ClapTrap(1)opcode(1)OSI7모델(1)예외 처리(1)cors(1)베어메탈서버(1)부동소수(1)refactoring(1)R-value(1)함수호출규약(1)다중상속(1)클러스터(1)템플릿상속(1)signal handler(1)자식 프로세스(1)UIMenu(1)Borderlands(1)autoindex(1)TCP/IP(1)함수 템플릿(1)ORM(1)open(1)lodash(1)노드(1)library(1)44BIT(1)Canonical(1)표준 컨테이너(1)SPM(1)catch(1)queryset(1)List(1)http(1)DNS(1)ubuntu(1)linux(1)stack(1)deployment(1)loadbalancer(1)getline(1)std::exeception(1)Proxy(1)넷마스크(1)스토리보드(1)
React Component로 웹페이지 디자인하기
CSS, React 라이브러리 및 템플릿을 component화 시켜 예발자닷컴 메인 페이지를 반응형으로 디자인했다. 해보면서 익히자는 취지였기 때문에 리액트로 컴포넌트 만드는 방법 정도의 강의를 듣고 시작했다. 눈에 보이는 화면에만 집중해서 코드가 매우 지저분하다. 심지어 만들어 놓고 안 쓰는 컴포넌트들도 삭제하지 않고 그대로 나뒀다. 나중에 시간을 내서 리팩토링 해보면 좋을 것 같다. 아무튼 아래의 것들에 아주 조금은 익숙해진 것 같다. 리액트의 폴더 구조 함수형 컴포넌트 설계 state와 props를 이용해 데이터 관리 자바스크립트 이벤트 개발자도구를 활용해 css 적용 완성한 메인 페이지 예발자1
2020년 6월 25일
·
1개의 댓글·
7