그로윙맨 그로윙맨

먼저 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..

런타임(runtime) 컴퓨터 프로그램이 실행되고 있는 동안의 동작을 말한다.(명확하게 떠오르는 것이 없다.) 런타임 환경(runtime environment) 컴퓨터가 실행되는 동안 프로세스나 프로그램을 위한 소프트웨어 서비스를 제공하는 가상 머신의 상태이다. 운영 체제 자체에 속하는 경우도 있고 운영체제에서 작동하는 소프트웨어를 뜻할 수 있다. 자바스크립트 런타임 자바스크립트가 구동되는 환경 ex) 웹 브라우저(크롬, 파이어폭스, IE 등), nodejs

항해99 8기를 마무리하며.. 무작정 끌렸던 유튜브 항해 99의 광고를 보고 선택했던 항해였다. html에 css를 조금 입히는 정도의 강의만 듣고따라했었던 나에게 '99일 만에 취업을 위한준비가 되나'라는 합리적 의심과 함께 그래도 한번 치열하게 개발을 겪어보자는 생각으로 짧은 고민을 통해 기간과 가격을 고려하여 선택했었다. 1. 항해를 선택한 이유 가장 선택을 좌우했던 것은 가격과 기간이다. 8기라는 메리트가 있었다.(그래도 잘 진행되어왔던 부트캠프라 어느정도 체계가 있고 검증된 부트캠프라고 생각했다) 취업률이 높았다. 수료생 중 취업자 연봉이 생각보다 높았다.(당시 평균3500만 이라는 통계로 소개되었었다) 2. 항해의 장/단점 장점 스스로 개발에 대해 학습하는 능력을 기를 수 있다. 기간이 짧다 ..

티비 광고를 보다가 영어를 공부하는 어르신이 계셨고 강의를 보고 계셨다. 또 그옆엔 스스로 한글을 배우는 손녀가 있었다. 무슨 내용인가 보다가 어르신께서 이런 말씀을 하셨다. 영어는 강의를 보고있지만 "나도 한글은 혼자 배웠단다" 그리고 이런 문구와 나레이션이 나오는데 그 내용이 큰 깨달음을 주었다. '사용하기 쉽다는 것은 그만큼 만들기가 어렵다는 뜻이다' 그렇다 이 광고는 바로 한글의 위대함을 다룬 광고였다. 그렇다 과거의 백성들을 깊게 생각하고 어떻게 하면 더욱 쉽게 사용할 수 있을까하는 배려가 담겨져 만들어졌기때문에 우리는 쉽게 글을 배우고 사용할 수 있었던 것이다. 그리고 깨달은 것은 '좋은 개발은 모두가 사용하기 쉬운 프로그램이지 않을까' 생각이 들었다. 또한 최근에 프로젝트에서 기능에만 매달려..

아직 많이 부족하지만 리액트를 배운지 얼마 안됐을때 처음에 useEffect를 접했었다. 당시에 나는 onClilck이벤트 onChange이벤트도 겨우해보던 중이어서 처음 랜더링(mount)이 되었을때 즉 화면이 처음 나왔을때 특별한 이벤트 없이 실행해주기위한 그저 그런 Reacthook이라고 생각했다. 심지어 '사용할 필요가 있을까' 싶기도 했다. 하지만 프로젝트를 진행하면 진행할 수록 쓰임새가 많고 다양하게 활용이 가능한 자연스럽게 접하게되는 훅이었다. 그러다보니 어찌저찌 사용하고는 있지만 그보다는 이해를 하고싶은 생각이들어서 정리를 하게 되었다. 먼저 형태를 알아보자면 useEffect(()=>{ console.log(1) }) 이러한 예를 들어 볼 수 있겠다 이로 인해 컴포넌트가 랜더링되면 개발자..