profile
삽질의 기록들 👨‍💻
태그 목록
전체보기 (84)C(20)JavaScript(15)network(12)React(11)python(11)django(11)ip(8)42Seoul(7)예발자닷컴(6)git(6)cloud(6)IBM(6)component(6)CloudCore(6)CSS(6)Libft(5)html(4)Props(4)Clouders(4)github(4)ft_server(3)Makefile(3)ft_printf(3)GNL(3)libasm(3)라이브러리(3)mysql(2)phpmyadmin(2)Nginx(2)dockerfile(2)Subject(2)static(2)docker(2)wordpress(2)POST(2)State(2)EventListener(2)서브넷마스크(2)ES2020(2)GCC(2)tcp(2)Debian(2)node.js(2)컴퓨터공학(2)next.js(2)querystring(2)연결리스트(2)redux(2)SaaS(1)PaaS(1)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)어셈블리어(1)syscall(1)keyboradEvent(1)writeFile(1)컨테이너(1)bootstrap(1)레지스터(1)redirection(1)즉시실행함수(1)shellscript(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)범용 레지스터(1)valgrind(1)urls(1)redirect(1)onClick(1)IPclass(1)JSX(1)리눅스(1)Map(1)Netmask(1)CRUD(1)file(1)시스템콜(1)DHCP(1)Netwhat(1)IoT(1)readFile(1)devops(1)Severless(1)Typora(1)파일입출력(1)가상머신(1)브로드캐스트(1)javasciprt(1)routing(1)메모리(1)nextjs(1)opcode(1)OSI7모델(1)object(1)cors(1)베어메탈서버(1)refactoring(1)함수호출규약(1)템플릿상속(1)autoindex(1)TCP/IP(1)ORM(1)lodash(1)errno(1)library(1)queryset(1)List(1)http(1)DNS(1)ubuntu(1)linux(1)넷마스크(1)템플릿언어(1)include(1)가상화(1)ssl(1)PDU(1)플래그 레지스터(1)MVC(1)Dispatch(1)csrf(1)GCP(1)

[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개의 댓글

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

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

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

[React] 컴포넌트의 State 란?

사용자가 알 필요가 없는 데이터를 내부에서 은닉하는 것. 즉, 캡슐화를 통해 코드를 리펙토링 하는 것이 좋은 사용성을 만드는 핵심이다.

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

[React] 컴포넌트의 Props 란?

마치 HTML 태그의 속성처럼, 한 컴포넌트의 요소에 props value를 지정하면 다른 컴포넌트에서 그 value에 값을 넣어 사용할 수 있는 것이다.

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

[React] 컴포넌트(Component) 생성 및 파일별로 분리하기

App.js 파일의 App 컴포넌트 구조를 참고해 새로운 컴포넌트를 만들고, 파일로 분리해 관리한다.

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

[React] 파일 구조 이해하기

새로운 React앱을 생성하면 여러 폴더와 파일들이 생기는데, 그중 가장 핵심이 되는 파일은 다음 3가지 이다.

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

[ES2020] Click, Enter 두 개의 이벤트 동시에 등록하기

form 내부의 button를 submit하면 클릭과 엔터가 동시에 입력된다. 이걸 이용해서 form 태그에 이벤트를 등록해, 클릭을 하든 엔터를 누르든 같은 이벤트로 취급할 수 있다.

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

[ES2020] Click eventListener 등록하기

즉, js파일에 발생했을 때 실행 되어야 하는 함수를 짜면 브라우저는 그 이벤트가 발생했을 때 등록된 코드를 실행하게 된다. 이런 방식을 이벤트 프로그래밍이라고 한다.

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

[Node.js] '새 글 작성' 페이지 만들기

웹브라우저로부터 POST method로 전송받은 데이터를 파일로 저장하고, 작성한 글과 내용을 볼 수 있는 페이지로 Redirection하는 방법을 정리했다.

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

[Node.js] URL에서 쿼리스트링 추출하기

실제로 웹 서버를 만들때는 쿼리스트링을 먼저 지정하고 그 쿼리스트링으로 URL을 연결한다. 하지만 이 우리의 목적은 쿼리스트링을 읽고 다루는 방법을 학습하는것이기 때문에, 반대로 URL에서 쿼리스트링 데이터을 parse(추출)하는 방법을 알아볼 것이다.

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

JavaScript & C 문법 비교

이 글은 단순히 두 언어 문법의 차이을 비교한다. 자바스크립트의 문법이 C와 많이 유사한 것 같아서, 약간 다른 표현법 정도만 정리해두면 쉽게 외울 수 있을 것 같다.

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