주발이의 개발새발

생명주기 함수 2번째 시간 ~ [React] 리액트 입문 - 생명주기 함수 사용하기 (생성 과정) 생명주기란( in react ): component의 생성, 변경, 소멸 과정을 뜻한다 ~ ! 더보기 앞서 배웠던 리액트에서 component를 App.js에 import하여 화면에 rendering하였다. import React from 'react' export default function R004_Lif 0lrlokr.tistory.com 앞서 우리는 생명주기 함수 중 '생성'하는 함수들을 살펴보고 왔다 이번 포스팅에서는 생명주기 함수 중 '변경'하는 함수인 shouldComponentUpdate()함수에 대해서 알아보겠다 ! 이 때 '변경'이란 props나 state의 변경을 말한다. App.js ..

생명주기란( in react ): component의 생성, 변경, 소멸 과정을 뜻한다 ~ ! 더보기 앞서 배웠던 리액트에서 component를 App.js에 import하여 화면에 rendering하였다. import React from 'react' export default function R004_LifecycleEx() { return ( R004_LifecycleEx ) } 방식이 아니라 render()함수를 사용하여 html 코드를 return 하는 방식에 대해서 자세히 알아보겠다 필자는 앞선 방식에 익숙해서 render함수 배움의 필요성을 느껴서 접은 글에 언급해본다. rfc+enter에 대해 알지 못하는 분들은 혼란을 피하기 위해 넘어가는 것이 좋을 것 같다 ! component의 생성 ..

집나간 리액트가 돌아왔다 ~ 유후 오랜만에 리액트 포스팅.. 리액트를 처음 하시는 분들이라면 다음 링크를 참고하여 개발환경을 구축하시길 바란다 ! [리액트 실습] 영화 앱 만들기 2 (리액트 개발환경 구축) [리액트 실습] 영화 앱 만들기 1 (tmdb api 발급) 1. 실습 영상 찰스님의 실습 영상을 보고 공부했다 !! 따라가기도 쉽고 설명도 잘해주셔서 도움이 많이 된 실습이었다 . 2. 완성된 페이지 상영중인 0lrlokr.tistory.com 지금까지 jsx를 이용한 리액트를 사용해보았다면 js문법 리액트부터 차근차근 다루어보겠다. 리액트 → 자바스크립트 → 리액트 기초 순서로 이상하게 배우고 포스팅하고 있긴한데 저는 선샌님들을 믿습니다. 자 그럼 ~ 개발환경이 모두 구축된 상태에서 ! creat..

소프트웨어 공학에서 프로젝트 관리는 소프트웨어 제품을 개발하고 유지, 보수하는 프로세스를 계획, 조정, 실행, 감시 및 제어하는 활동이다. 프로젝트 관리는 프로젝트를 성공적으로 완료하기 위해 프로젝트 팀원 간의 협력과 의사소통, 일정관리, 예산 관리 등의 다양한 요소를 조율해야한다 ! 4P는 프로젝트 관리에서 중요한 개념 중 하나로 Project(프로젝트), Product(제품), Process(프로세스), People(인력) 의 네가지 요소를 의미한다. 4P 개념은 프로젝트의 성공을 위해 모두 고려되어야하는 중요한 영역임 ~ ! People(사람) - 성공적인 프로젝트를 위한 핵심 자원 Product(산출물) - 만들어야 할 소프트웨어 결과물 Process(프로세스) - 작업완수에 필요한 일련의 프레임..

이전까지는 다소 딱딱한 설명을 통해 여러분을 맞이하였다. 하!지!만! 들어가기에 앞서 이전포스팅에서 조금 아쉬운 부분에 대해 조금 더 쉽고 이해가는 방향으로 작성해보려고 한다 ~ DNS개념에 들어가기 전 잠시 정리하고 간다고 생각해주시길 바란다. 🍓 우리가 다른 컴퓨터로 데이터를 전송하기 위해서는 가장 먼저 데이터를 전송하는 프로그램이 보낼 데이터를 만드는 것이다. 택배를 보낼때에도 택배를 보낼 물건과 대상이 있어야만 택배를 부치고 주소를 적고 택배를 받는것처럼 ! 이렇게 데이터를 만드는 일을 하는 계층을 애플리케이션 계층이라고 한다. 그리고 데이터가 준비되었으니 이제 보낼 준비를 해야한다~ 그런데 어디로?????? 이때 필요한 것이 주소다 ! 일반적으로 네트워크상에서 주소는 크게 IP주소, 포트번호이다..

메일을 보낼 때 쓰이는 3가지 프로토콜이 있다. 이들은 바로 SMTP, POP3, IMAP ! 전자 메일은 발신자의 메일 클라이언트를 통해 SMTP프로토콜을 이용하여 발신자의 메일 서버에서 수신자의 메일 서버로 전송되고, 수신자의 메일 서버에서 수신자의 메일 박스로 도착하는 과정을 거친다. 이 때, SMTP는 전자 메일을 보내는 데 사용되는 프로토콜이며, POP3와 IMAP는 전자 메일을 받아오는 데 사용되는 프로토콜이다. POP3는 메일을 클라이언트에 저장하며 서버에서 삭제하는 반면, IMAP는 서버에 메일을 보관하여 여러 기기에서 메일을 확인할 수 있다! 이렇게 간단히 알아보고 전자 메일에 대해 더 자세히 알아보자 ~ ! 1. Electronic mail (전자 메일) 전자메일에는 3가지 주요 컴포넌..

FTP(File transfer protocol)은 TCP/IP, HTTP 다음으로 일반인에게 잘 알려진 네트워크 프로토콜이 아닐까 .. 라고 하시는데 전공자지만 몰랐다 (진짜 열심히 공부해야겠다 ~ ) 전공에서 배우는 FTP에 들어가기 앞서 간략하게 소개하고 넘어가보도록 하겠다! 그럼 FTP라 함은 무슨 프로토콜이냐 ~ 하니 약어 뜻에 다 나와있다. 바로 파일 전송을 위해 만든 파일 전송 프로토콜 ! 파일 전송만 할 수 있는 것은 아니지만 FTP 프로토콜의 목적이 파일 전송이기에 아주 단순하게 동작하는 프로토콜이다 FTP 프로토콜 역시 TCP프로토콜 위에서 동작하기 때문에 TCP/IP프로토콜이 필요하다 FTP는 두개의 연결을 사용한다. - 제어 데이터(Control Data)를 주고 받기 위해 사용하는..

1. 문제 https://www.acmicpc.net/problem/3020 3020번: 개똥벌레 개똥벌레 한 마리가 장애물(석순과 종유석)로 가득찬 동굴에 들어갔다. 동굴의 길이는 N미터이고, 높이는 H미터이다. (N은 짝수) 첫 번째 장애물은 항상 석순이고, 그 다음에는 종유석과 석순이 www.acmicpc.net 2. 해결방법 코알라 강의를 듣고난 후 푼 문제이다. 사실상 해결방안을 미리 알고 푼 문제 .. - 처음엔 누적합을 이용해보았다. obstacle이라는 배열을 두고 장애물을 모두 받은 뒤, imos배열에 (imos방식은 아닌데 왜 배열이름이 imos인가에 대해서는 너그럽게 양해해주시길 바란다.. ) 높이가 i일 때 obstacle이 몇개인지를 각각 알아보았지만 시간초과 ! - 이제 imos..

이번 장에서는 내가 만든 쿠..키가 아니라 HTTP가 만드는 쿠키와 웹 캐쉬에 대해서 다루어 볼 것이다~ 그 전에 잠시 HTTP와 Web에 대해 복습을 해보자 ~ 웹(Web)은 워낙 방대한 개념이다. 웹을 구성하는 요소는 웹 서버, 웹 클라이언트, HTTP 프로토콜, 웹 컨텐츠이다. 웹 컨텐츠를 제외하고 네트워크에 밀접한 관련이 있는 웹 서버와 웹 클라이언트, HTTP프로토콜에 대해 자세히 알아보겠다. * 서버 : 네트워크상에서 다른 컴퓨터에 대하여 해당 네트워크 모두 또는 일부에 대한 접속과 네트워크의 자원(디스크 장치,파일,프린터 등)에 대한 접속을 제어하는 관리 소프트웨어를 운용하는 컴퓨터나 장치 또는 프로그램 * 클라이언트 : 서버에 접속하여 서버가 제공하는 서비스를 이용하는 프로그램 또는 그 프..

1. 문자열 합치기 console.log('my'+' cat'); //my cat console.log('3'+ 5 ); //35 console.log(`string literals: 3+4 = ${3+4}`) //string literals : 3+4 = 7 * '3'+5를 하게 되면 숫자가 문자열로 변환되어서 출력된다 ! * `(백틱)기호를 사용하여 문자열에서 연산을 할 수 있다 ~ ! `기호는 특히나 많이 쓰이니 '와 헷갈리지 말고 기억할 것 2. 숫자 연산 console.log(1+1); // 더하기 console.log(1-1); // 빼기 console.log(1/1); // 나누기 console.log(1*1); // 곱하기 console.log(5%2); // 나머지 console.log(..