2022-04-09_개발일기_환경구성, React 사전 공부, 기초 웹개발 복습

[환경구성]
Visual Studio 2019-> Visual Studio 2022 버전으로 upgrade

• 64bit 지원을 기반으로 메모리 사용 4GB 이상으로 확장

unity 2019 -> 2021.2.19 버전으로 업그레이드
unreal 4 -> unreal 5 버전으로 업그레이드

• 큰 의미는 없음(환경 구성 하는 김에 업그레이드)

[React 사전 공부]
React, Angular간 성능 분석

• 기존 성능 측면에서 Angular가 느리다는 인식이 있었음
• 확인 결과 성능지표상 큰 차이는 없음(angular 2 버전부터 성능 개선이 들어감)

[기초 웹개발 복습]
Jquery를 중심으로 학습

1. 웹페이지 로딩 후 스크립트 실행

$(document).ready(function(){
	//로딩이 완료 된 후 할 작업들
});

2. Ajax 기본 골격

$.ajax({
  type: "GET", // GET 방식으로 요청한다.
  url: "http://spartacodingclub.shop/sparta_api/seoulair",
  data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요)
  success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음
    console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성
  }
})

주로 사용되는 jQuery

// id 값이 url인 곳을 가리키고, val()로 값을 가져온다.
$('#url').val();
// 입력할때는?
$('#url').val('이렇게 하면 입력이 가능하지만!');
// id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다.
$('#post-box').hide();
// show()로 보이게 한다.
$('#post-box').show();
//ID가 Cards-box인 html 태그에 버튼을 넣어주기
let temp_html = `<button>나는 추가될 버튼이다!</button>`;
$('#cards-box').append(temp_html);