IT/ETC6 리액트(React) 간단 문법 정리 리액트란? 리액트는 자바스크립트를 편하게사용할수있도록 만들어진 자바스크립트 라이브러리다. 굳이 리액트를 안쓰고도 js로 개발 가능하지만 규모가 커질수록 불편하기때문에 편하게 사용하기 위함. 여러개의 라이브러리가 존재. angular.js react.js vue.js backbone 리액트는 컴포넌트의 모음이다. 리액트는 바뀐뷰을 기존방식처럼 업데이트 해주지않고 바뀐뷰만 삭제하고 다시 만들어버린다. 성능적으로 문제가 있을것같지만 virtual DOM을 활용하여 바뀐부분만 찾아서 바꿔줌. 리액트는 컴포넌트로 여러가지 파일을 분리 저장. 일반 자바스크립트가 아닌 JSX라는 문법으로 작성. (그냥 쉽게 자바스크립트안에서 html문법을 쓸수있게 지원해준게 JSX라고 생각하면 편함) 리액트 설치 리액트는 jQuer.. 2024. 1. 30. REST API REST 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. https://gmlwjd9405.github.io/2018/09/21/rest-and-restful.html 자원 - 해당 소프트웨어가 관리하는 모든것 자원의 표현 - 그 자원을 표현하기위한 이름(DB의 학생 정보가 자원일 때, ‘students’를 자원의 표현으로 정한다.) 상태 전달 - 데이터가 요청되어지는 시점에서 자원의 상태를 전달한다. (json, xml이 일반적) rest는 기본적으로 웹의 기존기술과 http프로토콜을 그대로 활용하기때문에 웹은 장점을 최대한 활용할수있는 아키텍처 스타일이다. rest는 네트워크상에서 client와 server사이의 통신방식중 하나이다. REST의 구체적.. 2023. 3. 26. JSP vs 서블릿 jsp : java server page의 약자 HTML코드에 JAVA코드를 넣어서 동적웹페이지를 생성하는 웹어플리케이션 도구. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. 자바 서블릿(Java Servlet) 서블릿이란 웹페이지를 동적으로 생성하기 위해 서버측 프로그램을 말한다. 이는 자바 언어를 기반으로 만들지며 웹 어플리케이션 서버 ( Web Application Sever ) 위에서 컴파일 되고 동작한다. JSP VS 서블릿 둘다 하는일은 웹페이지를 동적으로 만드는것. 근데 JSP는 HTML에 JAVA코드를 넣는거에 반면, 서블릿은 JAVA코드에 HTML을 넣.. 2023. 3. 26. HTTP 상태코드 100번대 : 현재 데이터의 처리중인상태 100 : 데이터의 일부를 서버가 받은상태 200번대 : 정상적인 응답 200 : 에러 없이 정상처리 204 : 정상처리되었으나 서버에서 보내줄데이터가 없음 300번대 : 다른 url 처리 301 : 요청된 페이지가 새 url로 변경되었음. 304 : 이미 기존의 데이터와 변경된 것이 없음 400번대 : 서버에서 인식할 수 없음.(클라이언트가 잘못쏨) 400 : 전송된 request에 문제가 있어서 서버가 인식할 수 없음 403 : 서버에서 허락되지 않음 404 : url에 해당하는 자원을 찾을 수 없음 406 : 전송방식이 허락되지않음 (주로 rest에서 자주발생) 500번대 : 서버 내부의 문제 500 : 서버에서 처리시 문제가 발생 502 : 게이트웨이나 프.. 2023. 3. 26. POSTMAN을 통한 웹 테스트 자동화 만들기 솔루션은 버그가 없도록 유지하는것이 중요하다. 하지만, 새로운 기능이 추가되고 리팩토링 등으로 소스는 매번 변하기 마련이고, 그때마다 모든 화면을 검토해볼 수 는 없다. 소스를 업데이트하고 사람이 일일히 화면을 손수 클릭하여 버그가 없는지 파악하면 좋으련만 현실적으로 불가능하기 때문이다. 이러한 상황속에서 사내에서 화면 안정성을 위하여 테스트 자동화를 해볼 기회가 생겼는데 이를 postman으로 만들어서 포스팅한다. Postman이란? Postman은 개발한 API를 테스트하고, 테스트 결과를 공유하여 API 개발의 생산성을 높여주는 플랫폼. (부분유료) 혼자서 사용하는것은 무료. 공유할때는 최대 request가 25개밖에 되지않으므로 유료가입이 필수. 또한 api mock도 최대 1000번 밖에 쏠수없.. 2023. 3. 26. GIT 설치 및 사용법 일단 git설치 하시고.. yum install git git config --global user.name "이름" git config --global user.email "깃허브 메일주소" // 매번 물어보는 귀찮음을 피하기 위해 설정. git clone https://github.com/[유저명]/[프로젝트명] 작업할 디렉토리로 들어가서. git init // 깃 명령어를 사용할 수 있는 디렉토리로 만든다.(이폴더 내에서 작업하겠다는 의미) git status // 현재 상태를 훑어보고 작업하고. git checkout -- 파일명 // 작업하다가 삭제했을때 내용 원상복귀. (커밋시점으로) git add 파일명 // 깃 주목 리스트에 화일을 추가하고 git add . // 이 명령은 현재 디렉토리의.. 2022. 1. 24. 이전 1 다음
