코드스테이츠 - 웹 과정

CLI : 명령어를 입력해 컴퓨터를 조작하는 방식 = 터미널을 사용하는 방식 GUI : 일반적으로 window에서 많이 사용되는 방식(mac, linux에서도 사용한다.) -> 대개 가장 많이 사용하는 방식(새폴더 등등) 입력소스(input source) 컴퓨터를

코드를 효율적으로 관리하기 위해 개발된 분산형 버전 관리 시스템쉽게 말하면 서로 공유하면서 달라진점을 확인할수 있는 시스템특정 시점에 생성된 백업 복사본을 스냅샷이라고 하며백업 복사본을 만드는 작업을 commit라고한다.Git Repository를 관리할 수 있는 클

코드스테이츠 자체적으로 Selector퀴즈를 해보았다. 어느정도는 눈대중으로 알아볼수 있었지만 구조 가상 클래스는 좀 알아보기 어려웠다. 너무 비효율적일꺼같고 가독성이 떨어진다고 생각. >자식 셀렉터와 후손 셀렉터의 차이를 잘 알고 있어야 한다. 자식 셀렉터

일급 객체의 세가지 특징고차함수에 대해 설명고차함수를 JS로 작성변수에 함수를 할당 할수가 있는데 = 함수 선언식이런식으로 변수에 직접 함수를 지정하는 것이다.하지만 이렇게 선언하는 함수는 다른 변수, 호이스팅이 적용되지 않는다는 단점이 있다.호이스팅 : 선언된 위치에

리액트는 ㄹ프론트앤드 개발을 위한 Js오픈소스 라이브러리선언형이며 컴포텉트 기반이며 범용성이 뛰어나다.코드를 자세히 보지 않아도 의도를 쉽게 알수가 있고HTML,CSS,JS로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할 수 있다.이것은 JSX를 활용한다고 말한다.

재귀 : 문제 하나를 계속해서 작은단위로 나누고 작은단위를 해결해 나가는 과정문제를 쪼개어 생각하고 해결하는 것을 말한다.\-> 쉽게 말하면 쉬운것부터 해결해가면서 어려운걸 해결하는것 주로 코플릿문제를 통해서 학습을 할 예정일종의 데이터 교환을 위해서 만들어진 객체형태

프로그램이 동시 다발적으로 작동하는 것을 말한다.비동기는 주로 콜백함수를 활용하는것이 특징이다.setTimeout(callback, millisecond)일정 시간 후에 함수를 실행setInterval(callback, millisecond)일정한 시간의 간격을 가지고

데이터를 효율적으로 관리 및 사용 할수 있는 방법을 말한다.가장 자주 등장하는 자료구조Stack, Queue, Tree, Graph대부분의 자료구조는 특정 상황에 놓인 문제를 해결하는데에 특화 되어있기 때문에많은 자료구조를 알수록 특정상황에 가장 효율적인 방법을 적용할

가장 적은 비용으로 모든 노드를 연결하기 위해 사용하는 알고리즘이 알고리즘의 개념은 간선을 거리가 짧은 순서대로 포함시킨다는 개념을 적용한다.이 부분에서 중요한점은 사이클 형성으 하지 않아야 된다는 점이다.일단 간선들을 거리(비용)을 기준으로 오름차순으로 정렬을 한뒤가

11~12일차를 한번에 업로드 할것이다.실제 실습이 진행된 내용을 올릴것이고 내가 생각했을떄 문제가 될수도 있다고 생각하기 떄문에 혹시라도문제가 일어난다면 바로 실습 자료는 삭제하도록 하겠습니다. 최대한 실습의 전체가 안나오게 올려보겠습니다. React는 기본적으로 컴

이떄까지 한 스프린트중 가장 오래 걸린 스프린트이다..props와 state에 대한 활용이 아직 익숙하지 않아서 인지 정말 많이 소요 되었다.간략하게만 설명하고 나 스스로 공부하는 시간을 가지려고 한다.일단 이벤트 핸들러에 대한 부분은 어느정도 알고 있다고 가정을 할것

13일차 이후로 1일 1블로깅을 하지 않는 이유는 새로 블로그를 작성할 이유가 없어서이지 공부를 안했다는 것은 아니다.일단 기본적으로 이 기간에는 문제를 해결하는 시간을 가졌고 다른 분들의 로직을 보고 이렇게도 할수 있구나 이런게 더 효율적이구나를 배우는 기간을 가졌다

사실 HA나 코플릿 퀴즈에 대한 내용은 적으면 안될꺼 같기 떄문에 후기와 함께 적어본다.일단 난이도는 할만했다.모든 문제를 다 풀지는 못했다.할만하지 않은건가...??그래도 거의 대부분의 문제는 해결 했다고 생각한다.가장 어려운점은 코플릿 = 알고리즘 이 가장 어려웠던

쇼핑몰 웹을 생각해면 상품의 정보는 어디에 있는가??인터넷이 없이 쇼핑몰 웹을 사용할수 있는가??라는 질문에는 정보는 서버에 있고 그러기 떄문에 인터넷이 없으면 쇼핑몰웹을 사용할수 없을 것이다.그이유는 우리는 인터넷을통해서 서버와 의사소통 하기 떄문이다.인터넷이 없어도

CSR에서는 몇 가지 메소드를 이용해 서버와 통신을 한다.GET, POST ,DELETE 등등그러기 떄문에 사용 목적에 따라서 적절한 API를 사용 해야 한다.REST API는 웹에서 사용되는 모든 자원을 HTTP URI로 표현하고 메서드를 통해 요청과 응답을 정의하는

리액트에서는 컴포넌트가 굉장히 중요하다는 것은 다 알고있을 것이다.그러기 떄문에 리액트 에서는 우선 컴포넌트를 다 만들어 놓은뒤 조립을 하게 되는데 이를 상향식 으로 앱을 만든다고 한다.테스트가 쉽고 확장성이 좋다.그러기 떄문에 만약 앱의 디자인을 전달받고 나면 컴포넌

25일차는 휴일이였기 떄문에 하루 쉬었다!!브라우저같은 경우에는 서버에 요청을 보내기 위해서 fetch같은 http요청 도구가 기본적으로 내장되어 있다.그리고 서버는 클라이언트(브라우저)의 요청에 알맞는 응답을 보낼 수 있또록 코드를 작성해야 한다.node.js는 ht

이론적인 내용은 없고 스프린트를 진행하면서 서버를 작동 시키는법을 추가적으로 학습 하였다.이번에는 router를 사용하였는데 http와 app사이에 있는 모듈이라고 나는 이해를 하였다.편의성을 생각해 보았을떄기본적인 틀은 다 짜여져 있었기 떄문에 최대한 설명을 할수 있

CDD 라고 하며 레고처럼 부품을 조립하 듯이 부품단위로 UI컴포넌트를 만들어 나가는 개발을 말한다.기획자로부터 하나의 페이지가 도착을 했고 디자이너와 개발자가 협력하여 디자인과 개발이 진행되었다.페이지를 모두 완성을 하였고 다른 페이지에 적용되는 버튼에 대한 추가적인

순서대로라면 29일차여야 하지만휴일떄문에 하루 빠진거 계산하면서 하자니 딱딱 맞아떨어지는거 좋아하는 나에게 어울리지 않는다 생각을 하여그냥 코드스테이츠 시작한 이후로 몇일이 지났는지 계산하여 적을 것이다!!그냥 30일 지났다고 이해하면 된다(휴일포함)상태는 변하는 데이

이제 한달이 지낫다...난 개인적으로 정말 많은 것을 배웠다고 생각한다.한달 이라는 시간동안 내가 이떄까지 했던 공부는 공부가 아니였구나라는 생각이 들정도로아침9~6시까지는 일단 꾸준하게 공부를 하였고이후의 시간은 시간이 될떄마다 그냥 계속 공부했다대개 시간이 되었다;

우리가 React를 훅으로 작업을 해보게 된다면 한가지 느끼는 점이 있다.React는 자식 컴포넌트 간에는 상태를 주고 받을수 없고 다른 자식 컴포넌트에 상태를 전송하고자 한다면 부모컴포넌트에 보내고 그걸 다시 자식에게 보내는 이런 단방향 으로 데이터를 전송을 해야 한

Section1에서 살짝 다루었던 내용이 포함되어 있다.출처 : 코드스테이츠사진을 보면 흔히 볼수 있는 ls의 화면이다.ls -l을 입력함으로써 파일, 폴더의 상태까지 볼수가 있다.\-rw-r--r-- 와 drwxr-xr-x는 비슷하면서 다르다.일단 맨앞에 d의 유무이

이번에는 SQL문법스키마 디자인Nods.js에서느 사용하는 방법에 대해서 학습을 하게 된다.관계형 데이터베이스인 MySQL로 스키마를 설계하고 SQL을 사용하여 데이터를 영속성있게 저장하는 방법을 학습한다.데이터베이스는 원래 im-memory방신으로 저장하고 클라이언트

좀더 SQL문에 대해서 학습을 하기 위해서 글로 정리를 해보고자 한다출처 : 코드스테이츠, https://velog.io/@ryong9rrr/mySQL-기본-사용법-정리예제https://www.w3schools.com/sql/sql_exercises.

데이터 간의 관계를 지정하고 합리적이고 효율적인 방법으로 구성하는 방법을 배운다.그냥 데이터 테이블 간에 관계를 짓는 법을 배운다.스키마 : 데이터베이스에서 데이터간 구성되는 연간관계를 뜻한다.청사진과 동일하다.하나의 레코드가 다른 테이블의 레코드 한개와 연결된 경우만

실제 DB는 어떻게 이루어 지는지 궁금하여 영상을 보고 공부를 하였다.이부분은 코드스테이츠 내용이 아니고 다른 유튜브 영상이라는 것을 알아두자!!출처 : https://www.youtube.com/watch?v=GroeyzBNhfU실무에서 프로젝트를 어떻게 시

코드스테이츠의 스프린트를 진행 하엿다.DB연결 부분은 미리 구현이 되어있었기 떄문에이건 후에 학습을 하게 된다.나는 상황에 맞는 sql문을 작성하는 시간을 가지게 되었다.일단 내 개인적으로는 많이 어려웠다고 생각한다.나는 sql문에 대해서 많이 알지는 못하기 떄문에 좀

redux를 사용하기 위해서는 기본적으로 불러와야 하는 모듈들이다.combine는 둘이상의 reducer를 사용해야 할떄 필요하다.뒤에서 다루어 보자!내가 사용할 조건이라고 설명한 이유는 Redux는 개발자가 설정한 코드에서만 작동을 할수 있기 때문이다.쉽게 말하면 메

스프린트 과제를 하면서 너무 어려웠어 가지고 복습을 한번 하는 시간을 가져보려고 한다.. ㅠㅠ기본적으로 불러 와야 한다.미들웨어를 사용을 하지 않는다면 저렇게 서버를 직접 만들어 주어야 한다.하지만 미들웨어를 사용한다면 따로 서버를 만들어줄 필요가 없다.() 안에 함수

시간이 좀 남아서 알고리즘 풀기 보다는 전에 배웠던 것을 한번 정리하고자 하여 Redux복습을 진행 하였다.ajax,서버 활용 등은 단순히 url문을 받아서 처리하는 방법이기 떄문에 후에 복습을 해보도록 하겠다.styled-componenet는 따로 복습을 하지 않으려

NoSQL의 데이테 베이스를 말한다 = MongoDB이 외에도 NoSQL은 넓은 범위에서 사용하는 언어이다.NoSQL에서는 SQL과 다르게 데이터를 행과 열이 아닌 체계적인 방식으로 저장을 하게 된다.데이터를 도큐먼트의 형태로 저장을 하게 된다. MongoDB데이터베이

대략적인 연산자 종류이다.예시trips라는 컬렉션에서 a가 70이하이고 b가 customer이 아닌 값을 가져 오라는 명령문result가 a,b가 아닌 값들을 보여준다.and연산자 같은 경우에는 기본적으로 내재되어 있다.이 명령어는이것과 같다.$expr에 관한 내용이다

이번 글을 통해서 우리는 로그인, 로그아웃, 회원가입 같은 기능을 구현하게 된다. 더불어 인증에 관하여 알아보자. 개인적으로 나는 이부분이 좀 신기하고 어려웠기 때문에 확실하게 잡고 갈것이다. HTTPS 인터넷에서 데이터를 주고받는 통신 프로토콜이다. 여기에서 보

사실 별다른 내용은 없지만 새롭게 보는 암호화?? 파일도 만들고 새로운 모듈도 써보는 실습이였어가지고 정리를 해보고자 한다.코드스테이츠 내용으로 따라쓴 코드이다.일단 기본적인 https, fs, express를 불러오는 방법은 별다른 설명은 필요 없을 것이다.https

너무 어려웠다...나는 값을 받고 처리해주는 부분에 대해서 좀 약한 것 같다..해결하고 나면 이해가 가지만 해결하기 전에는 조금 어질어질 하다 ㅠ기본적인 설정을 담고 있는 js이다.우리는 기본적으로 Session을 이용할 것이기 떄문에 세션을 관리를 해주어야 한다.이와

오늘따라 유별나게 많이 글을 작성하는 것 같다.. 내가 공부한 것을 좀 체계적으로 정리하려고 하다보니 글 작성이 많아 지는 것같으며 요근방에 공부량을 좀더 늘렸다 그러다 보니 자연스럽게 글을 많이 작성하게 된다 이 글에서는 주로 이론적인 내용을 다루게 될것 같다.

저번에는 Session을 이용하였지만 이번에는 jwt를 활용하여 토큰을 이용한 인증을 진행 해보고자 한다.사실 아직 오류가 한가지 있지만 일단 테스트는 모두 통과하였기 떄문에 후에 해결하게 된다면 오류 시리즈에 정리를 해보자.이 글은 순수하게 jwt에서만 내가 사용했던

앞서 Session을 활용한 보안 처리를 알아보았다.이번에는 또다른 보안 처리하는 법인 Token을 이용한 보안에 대해서 알아 볼것이다.일단 Session에 비해서 장점이 있다.Session은 하나의 서버에 한개밖에 다룰수 없지만 Token은 사용자마다 다루어 줄수가

소셜 로그인 인증방식을 말한다.보안된 리소스에 액세스 하기 위해서 클라이언트에게 권한을 제공하는 프로세스를 단순화 하는 프로토콜을 말한다.단순히 말하면 인증을 중개 해주는 메커니즘이다.소셜 로그인이 되어있는 사이트에서 소셜 로그인으로 접속을 한다고 생각을 해보자face

사실 이제는 어느정도 익숙하다.api를 받아서 해당 값을 처리를 하는것하지만 내가 자연스럽게 하지 못하는 이유는 어디로 보내고 그 값을 어떻게 저장을 하는가 에서 막히는것 같다.그럼 익숙하지 않은건가;;https://www.oauth.com/oauth2-ser

네트워크 기초 과정과 이어지는 내용이다. 인터넷 프로토콜(IP) 우리가 알다시피 인터넷은 굉장히 복잡하다. 하지만 어떻게 우리는 수많은 노드(컴퓨터)를 지나 어떻게 클라이언트와 서버가 통신을 할 수있을까?? 이런 점을 해결하기 위해서 IP주소를 이용한다. IP는

이번주도 쉴새없이 공부했다!!보안 파트에 대해서 api요청안에 어떻게 정보를 담아서 전송하고 어떻게 받을지에 대해서 학습을 하였고 많이 어려웠고 많은 시간이 소요되었던 시간이였다.그만큼 중요하다고 생각하기에 간단하게 정리를 하려고 이 글을 작성하였다.여기에 적히는 내용

이번주는 HA라는 이떄까지의 배운것을 시험보는 시간이 있기 떄문에일단 기본적으로 내가 배운 이론적인 내용을 오늘안에 모두 다시 정리해볼 생각이다.그리고 내일은 클론코딩을 통해서 css 및 React를 다시 해볼 것이고그 다음날은 HA를 준비하기 위해 진행한 스프린트를

정적과 동적의 차이는 다 알고 있을 것이다.얼핏 들으면 동적이 좀더 최신기술 같이 느껴진다.왜나하면 상황에 따라 달라지기 떄문에하지만 현대의 2티어 아키텍처 에서는 정적 웹사이트의 사용이 좀더 보편적이다.과거에는 동적인 웹페이지를 만들려면 서버가 매번 동적으로 생성해

MVC, MVVM같은 키워드는 소프트웨어 설계와 관련된 디자인 패턴을 말한다.소프트웨어 공학에서는 흔히 사용된다.React의 단방향 데이터, Redux에 배운 Flux패턴 역시 디자인 패턴이다.소프트웨어가 돌아가는 방식에 대한 하나의 패턴을 말한다.특정 라이브러리는 아

아마존 웹 서비스에 대해서 전반적으로 다루어 보는 글이 될 것이다.기본 개념부터 실습까지 진행해보도록 하겠다!!일단 클라우드가 등장하게된 배경이 중요하다.클라우드 시스템이 존재하지 않았던 시대에는 전산실에 다수의 컴퓨터를 두고 서버를 운영하였다.하지만 서버는 한계점이

학습은 html, css에 대해서 하였다.html은 트리구조로 이루어져 있다.부모 + 자식div는 \\n역할을 해주지만span은 \\n 역할을 따로 제공하지 않는다.img src = "value의 이름.jpg닫는 태그를 따로 제공하지 않는 태그이다.a href="url