profile
예비개발자 삽질의 기록들 👨‍💻
태그 목록
전체보기 (80)C(20)JavaScript(15)network(12)django(11)python(11)React(11)ip(8)IBM(6)CSS(6)cloud(6)CloudCore(6)예발자닷컴(6)component(6)git(6)Libft(5)html(4)Props(4)Clouders(4)github(4)라이브러리(3)42Seoul(3)Makefile(3)ft_printf(3)GNL(3)querystring(2)Subject(2)POST(2)node.js(2)State(2)redux(2)Nginx(2)wordpress(2)docker(2)tcp(2)컴퓨터공학(2)EventListener(2)ft_server(2)phpmyadmin(2)서브넷마스크(2)ES2020(2)GCC(2)mysql(2)next.js(2)연결리스트(2)Debian(2)static(2)IaaS(1)우분투(1)unix(1)유닉스(1)Subnetting(1)IP주소(1)네트워크(1)linkedlist(1)model(1)store(1)printf(1)subnetmask(1)socket(1)reducer(1)콜백함수(1)method(1)admin(1)action(1)Microservices(1)쿼리스트링(1)ssh(1)형식문자열(1)keyboradEvent(1)writeFile(1)컨테이너(1)bootstrap(1)redirection(1)즉시실행함수(1)고정IP(1)사설IP(1)keyCode(1)axios(1)MTV(1)Dependabot(1)서식지정자(1)material(1)SSR(1)Brodcast(1)서브넷팅(1)classnames(1)Clouder(1)SDU(1)인공지능(1)공인IP(1)CDN(1)정적변수(1)Markdown(1)블록체인(1)form(1)유동IP(1)apt-get(1)형식태그(1)pm2(1)가변인자(1)UPD(1)조건부렌더링(1)익명함수(1)valgrind(1)urls(1)redirect(1)onClick(1)IPclass(1)JSX(1)리눅스(1)Map(1)Netmask(1)CRUD(1)file(1)DHCP(1)Netwhat(1)IoT(1)readFile(1)devops(1)Severless(1)Typora(1)파일입출력(1)가상머신(1)브로드캐스트(1)dockerfile(1)javasciprt(1)routing(1)메모리(1)nextjs(1)OSI7모델(1)object(1)cors(1)베어메탈서버(1)refactoring(1)템플릿상속(1)autoindex(1)TCP/IP(1)ORM(1)lodash(1)library(1)queryset(1)List(1)http(1)DNS(1)ubuntu(1)linux(1)넷마스크(1)템플릿언어(1)include(1)가상화(1)ssl(1)PDU(1)MVC(1)Dispatch(1)csrf(1)GCP(1)SaaS(1)PaaS(1)

[ft_server] 총 정리 : 도커 설치부터 워드프레스 구축까지

과제 시작부터 마무리까지 기록한 내용들.

약 16시간 전
·
0개의 댓글

[React 리팩토링 #4] 예발자 프로젝트에 Redux 적용하기

사실 예발자 프로젝트는 앱 규모가 복잡하지 않고, 동적으로 state 값이 변할 일이 없기 때문에 굳이 상태관리 라이브러리가 필요 없을수도 있겠지만, 편리함을 경험해보자는 취지로 redux를 사용해보기로 했다.

2020년 8월 14일
·
0개의 댓글

[React 리팩토링 #3] CSS Inline Styling에 Props 사용하기

일단 한번 중괄호 안에 들어가면 변수를 읽기 위해 중괄호를 추가로 넣을 필요가 없다. props를 참조하기 위해 중괄호를 더 쓸 필요도, 이유도 없는 것이다!

2020년 8월 2일
·
0개의 댓글

[React 리팩토링 #2] JSX에서 조건문 사용해 렌더링하기

리액트에서 if문을 사용하려면 즉시실행함수 형태로 사용해야하기 때문에 AND연산자가 훨씬 간편한 방법이 될 수 있다.

2020년 8월 2일
·
0개의 댓글

[React 리팩토링 #1] JSX로 HTML 렌더링하기

JSX에서 <br/>태그를 사용하면, 적용되지 않은 채 문자열 그대로 렌더링 된다. React는 무조건 텍스트형태로만 페이지를 렌더링하도록 설계되어있기 때문이다.

2020년 8월 1일
·
0개의 댓글

프론트엔드의 역할은 어디까지? - 더미데이터 만들기

더미데이터를 만들어 컴포넌트에 데이터를 전달해보고, map()을 이용해 더 계층적인 컴포넌트로 리팩토링 해보면서 느낀점들.

2020년 7월 26일
·
0개의 댓글

[Django] URL app별로 관리하기

장고 url이 제공하는 include() 함수를 사용하면, 프로젝트의 urls.py를 기능별로(app별로) 편하게 관리할 수 있다.

2020년 7월 23일
·
0개의 댓글

[Django] 한 템플릿에서 복수의 css 파일 적용하기

만약 부모 템플릿을 상속받은 자식 템플릿에서 따로 적용하고 싶은 css 파일이 있다면 어떻게 해야할까?

2020년 7월 23일
·
0개의 댓글

[Django] static 으로 css 로드하기

장고에서는 css나 js 같은 정적 파일들을 static 폴더에서 한번에 관리한다.

2020년 7월 23일
·
0개의 댓글

[Django] 템플릿 상속

html 문서 중 기본 뼈대가 되는 문서를 기본 템플릿으로 정하고, 이는 공통의 코드이므로 다른 문서에서 기본 템플릿의 코드가 필요하면 상속하여 가져다 쓸 수 있다.

2020년 7월 23일
·
0개의 댓글

예발자닷컴 프론트서버 업데이트 하기

이렇게 예발자닷컴의 front 서버에 접속했다. 이제 직접 빌드와 배포를 할 수 있는 권한이 생겼다! 신나 🤭

2020년 7월 23일
·
0개의 댓글

Typora(마크다운 에디터) 사용법

제가 가장 추천하는 마크다운 에디터는 typora 입니다. 왜냐면 젤 이뻐요.

2020년 7월 19일
·
0개의 댓글

GitHub Dependabot

패키지 및 애플리케이션의 최신 릴리즈를 유지할 수 있도록 자동으로 업데이트 시켜주는 깃허브 봇

2020년 7월 17일
·
0개의 댓글

[Django] '새 글 작성' 기능 만들기

이전에 만들었던 블로그에 CRUD 중 create와 read에 해당하는 `새 글 작성` 기능을 추가해보자. admin 계정을 이용하지 않고, 사용자가 직접 포스트를 작성할 수 있도록 만들어볼 것이다.

2020년 7월 10일
·
0개의 댓글

[Django] 블로그 model 만들기

Django의 model 과 admin, queryset-mothod를 이용해 블로그 글을 작성하고 데이터베이스에 저장해보자.

2020년 7월 10일
·
0개의 댓글

[Next.js] CSS모듈과 복수의 class 사용하기

이 글에서는 next.js 프레임워크를 사용한 리액트 프로젝트에 CSS 모듈을 적용하는 방법과 classnames 라이브러리를 이용해 여러 개의 className을 적용하는 방법을 정리했다.

2020년 7월 9일
·
0개의 댓글

React Component로 웹페이지 디자인하기

CSS, React 라이브러리 및 템플릿을 component화 시켜 예발자닷컴 메인 페이지를 반응형으로 디자인했다.

2020년 6월 25일
·
0개의 댓글

[IBM Cloud] 떠오르는 클라우드 트렌드

이 모듈에서는 Hybrid Multicloud, Microservices 및 Serverless와 같은 몇 가지 새로운 클라우드 트렌드에 대해 학습한다.

2020년 6월 19일
·
0개의 댓글

[IBM Cloud] 클라우드 스토리지 유형 및 CDN

이 모듈에서는 4가지 주요 클라우드 스토리지 유형의 기능과 차이점에 대해 학습한다.

2020년 6월 19일
·
0개의 댓글