그로윙맨 그로윙맨

먼저 API란? application programing interface의 약자로 다른 소프트 웨어 시스템과 통신하기 위한 게이트웨이 즉, 상호작용을 도와주는 매개체 그렇다면 REST API란? REST는 HTTP 프로토콜을 통해 API를 설계하기 위한 아키텍처 스타일 REST API는 리소스를 URI(Uniform Resource Identifier)로 표현하고, HTTP 메서드(GET, POST, PUT, DELETE 등)를 사용하여 리소스에 대한 행위를 정의하는 방식 REST는 상태를 관리하지 않고(stateless), 각각의 요청이 독립적으로 처리 그렇다면 RESTful API란? RESTful API는 REST 아키텍처의 원칙을 따르는 API를 의미 (차이점은 RESTful API가 REST ..

리액트 타입스크립트로 기본 width: 500px의 프로젝트를 만드는 중 html 문서에 여백이 생기는 문제를 만났다. html 기본적으로 설정되어있는 여백때문에 생기는 문제였으며 리액트에서 실질적으로 화면에 표시되는 페이지 최상단인 index.js의 스타일을 담당하는 index.css로 가서 body에 다음과 같이 margin을 추가하여 해결 할수 있었다. 해결

이 둘의 차이는 단순히 사용 방법만이 아니라 생각보다 여러 차이가 있다. img 태그 이미지 태그는 html의 요소로 다음과 같이 사용할 수 있다. ※특징 이미지 로딩이 실패할 때 default이미지와 대체 메시지로 대체가 가능하다. HTML이 구문 분석될 때 요청이 이루어지므로 성능면에서 좋다. 검색 엔진에서 색인을 생성하여 검색시에 노출이 된다. (img 태그는 태그 자체가 '이미지'라는 의미를 갖고 있으며, alt 속성에 넣은 문자열을 검색엔진이 이해하여 웹에 노출시킨다.) background-img 태그 백그라운드 이미지 태그는 css에서 속성을 활용해 다음과 같이 넣을 수 있다. {background-image: url("이미지url")} ※특징 순수하게 디자인에 사용 대체 메시지, defaul..

타입스크립트 자바스크립트에 타입을 부여한 언어 써야하는 이유에러의 사전 방지 에러의 사전 방지 //일반적인 자바스크립트 function sum(a,b){ return a+b } console.log(sum(2,3)) console.log(sum('2','3')) 이와 같은 경우 자바스크립트에서는 sum(2, 3)으로 결과값 5를 리턴해주고, sum('2','3')을 입력한 경우 문자열이기때문에 결과값 23을 리턴할 것이다. 위 함수를 더한 값을 구하는 함수라고 할때 '2', '3'의 문자열을 매개변수로 넣고 해당 함수의 결과값이 불러와진다면 문자열인것을 인지하지 못한채 원하지 않는 결과값으로 진행하여 전체적인 로직에 오류를 범할 수 있다. //타입스크립트 function sum(a:number, b:nu..

리덕스로 To Do List를 만드는 과정을 하고 있는데 신기하게도 전 주보다는 할 만 했다. 여전히 척척 해나가진 못하긴 하지만 적어도 어떤 과정을 거쳐서 진행이 되겠구나 싶었다. 3일 정도는 계속 학습자료를 참고해서 공부하다가 과제를 시작했다. 아예 손도 못대던 전 주에 과제와는 다르게 이번에는 생각보다 수월하게 작업이 진행되었고 여전히 문제가 되는 것은 생각을 코드로 작성할 실력이 안된다는 것이었다. 그걸 모른다는 문제를 깨닫고나니 벽을 조금씩 깨어나가는듯 하다. 오늘은 전역상태관리가 무엇인지와 리덕스를 다루는 방법에 대해 정리해보려고 한다. *전역상태관리 전역상태관리는 부모컴포넌트에서 자식컴포넌트로 필요한 정보를 전달해주는 방식과 달리 전역으로 한군데에서 정보를 뿌려주어서 PropsDrilling..

싱숭 생숭한 상태로 리액트 입문주차가 마무리 되었고 새로운 과제와 주제로 리액트 숙련주차가 시작했다. 이번에는 먼저 과제에서 해야 할 요구사항을 먼저 파악하고 항해에서 제공한 학습자료를 보고 만들어보면서안되는 곳들은 구글링과 영상을 찾아보며 할 계획이다. 확실히 입문에서 마지막에 이해를 하고 넘어오니까이번 주에 필요한 학습 내용이 눈에 들어왔다. 전 주에 실패를 바탕으로 공부방법을 효율적으로 바꾸고 기간이 정해져 있으므로 그에 맞는 수행을 해야한다는 것을 깨달았다. 정말 속상하고 괴로워서영혼이 빠질정도로 멘탈이 나갔었는데돌이켜보면아주 중요한 것을 배웠다고 생각한다. 후... 이번엔 반드시 제대로 학습하고 과제를 완성시키리라 다시 한번 다짐해본다.ㅎㅇㅌ..! 오늘 배운 것 리액트 css in js= js로..

이번 주는 결국엔 해내지 못했다. 왜 그랬는지 모르겠지만 리액트가 너무 낯설게 느껴졌다.. 과제는 ToDoList를 만드는 것이었는데 내 힘으로 결국 정해진 기간내에 만들지 못했다. 무능하다는 생각이 들어서 힘이 쫙 빠지고 있다. 그나마 팀원 분 중 한 분이 자신의 투 두 리스트를 가지고 정말 이해가 되도록 가르쳐 주셔서 내가 어떤 것 때문에 구현을 못 하고 고장이 났던건지 깨닫게 되었다. 팀원분께 정말 감사하다고 말씀은 드렸지만 다시한번 감사하다고 전하고 싶다..! 가장 크게 어려움을 느꼈던건 컴포넌트끼리 값을 나눠주는 것인데 props로 나눠준다는 것은 인지했고 컴포넌트를 나누다 보니 부모 컴포넌트에서 자식으로 간단하게 하나 넘겨주는 것은 괜찮았는데 많아지면 바로 뇌 정지가 왔다. 아직 코딩이 낯설고..

"익숙함에 속아 소중함을 잃지 말라" 라는 말이 있다. 그렇게 for문을 소중히 대하면서 for문만 썼는데 그러다 보니 다른 ARRAY함수는 도무지 쓸 줄을 모른다 이제는 눈을 돌려야한다..! 그런 의미에서 오늘은 ARRAY 함수들을 공부해보았다. 오늘 알아본 ARRAY 함수는 배열함수 리스트 Comment forEach : 반환값이 없다, 단순 for문과 같이 작동한다. map : 반환값을 배열에 담아 반환한다. filter: 조건에 충족하는(true) 아이템만 배열에 담아 반환한다. some: 조건에 충족하는 아이템이 하나라도 있으면 true 반환, 아니면 flase. every: 모든 배열에 아이템이 조건을 충족하면 true 반환, 아니면 false. find : 조건에 충족하는 아이템 하나만 반환..