프로그래밍76 [React] props * props 전달 부모에서 자식으로 데이터 넘기기 function Btn({onClick}) { // App 컴포넌트에서 onClick이라는 이름의 props를 전달받음 (alert라는 함수) return ( 버튼 // 여기서 button태그의 onClick속성은 이벤트 리스너 ); } function App() { const alert = () => alert("HI"); return ( // onClick은 이벤트 리스너 X, Btn 컴포넌트에 onClick이라는 Props를 전달 ); } ReactDOM.render(, root); 에서 onClick은 이벤트 리스너가 아닌, Btn 컴포넌트에 onClick이라는 함수를 Props로 전달한 것이다. 여기서 onClick은 단순히 props의 이름이.. 2022. 5. 6. [React] state 드림코딩에서 리액트를 조금 공부하다가 학교 과제로 React+typescript로 해태제과 메인 페이지를 만들어보면서 JSX와 PostCSS, useState 사용에 좀 익숙해졌지만 더 진도 나가기 전에 다시 공부해야겠다 싶었다. 노마드코더 'ReactJS로 영화 웹 서비스 만들기' 강의를 들어보고 있다. 일단 목표는 14개 챕터 하루에 1~2 챕터씩 일주일 정도로 잡고 5월 10일까지 끝내기. 곧 프로젝트를 하나 만들어야해서 그전에 노마드 코더 강의 빨리 끝내고 다시 드림코딩 강의 들어야지. 일단 앞부분 들어보니 너무 길지 않게 영상을 끊어주고 이해하기 쉽게 설명해줘서 좋았다. [노마드코더 ReactJS로 영화 웹서비스 만들기] [목표: 5월 10일까지 끝내기] #1 [2021 UPDATE] INTRO.. 2022. 5. 5. [Unity] 충돌 이벤트 실행화면 적용코드 MyBall.cs public class MyBall : MonoBehaviour { Rigidbody rigid; void Start() { rigid = GetComponent(); } void FixedUpdate() { float h = Input.GetAxisRaw("Horizontal"); float v = Input.GetAxisRaw("Vertical"); Vector3 vec = new Vector3(h, 0, v); rigid.AddForce(vec, ForceMode.Impulse); } private void OnTriggerStay(Collider other) { if (other.name == "Cube") rigid.AddForce(Vector3.up * 2,.. 2022. 3. 29. [Unity] 물리를 이용한 오브젝트 이동(속력, 힘, 회전) ForceMode: 힘을 주는 방식(가속, 무게 반영) AddTorque(Vec): Vec 방향을 축으로 회전력이 생김 적용 코드 public class MyBall : MonoBehaviour { Rigidbody rigid; void Start() { rigid = GetComponent(); } void FixedUpdate() { //#1. 속력 바꾸기 rigid.velocity = Vector3.forward; //#2. 힘을 가하기 if (Input.GetButtonDown("Jump")) { rigid.AddForce(Vector3.up * 25, ForceMode.Impulse); } Vector3 vec = new Vector3( Input.GetAxisRaw("Horizontal"), .. 2022. 3. 28. [Unity] Mesh, Material, Collider, RigidBody 물체 필수 요소 - Mesh - Material - Collider - RigidBody RigidBody: 물리효과를 받기 위한 컴포넌트 Collider: 충돌 영역 정하기 Material: 재질 오브젝트의 표면 재질을 결정하는 컴포넌트 Metalic: 금속 재질 수치 Smoothness: 빛 반사 수치 Emission: 텍스쳐 발광(밝기) 조절 Physic Material: 탄성과 마찰을 다루는 물리적인 재질 Friction: 마찰력, 낮을수록 많이 미끄러짐 Friction Combine: 다음 마철력을 계산하는 방식 Bounciness: 탄성력, 높을수록 많이 튀어오름 Bounciness Combine: 다음 탄성을 계산하는 방식 Collider: 충돌 영역 정하기 Collider 속성의 Radiu.. 2022. 3. 27. CORS 문제 php로 해결 공공데이터로 API를 사용할 때 자주 CORS 문제에 마주했었다. 개발하는 도중 CORS 문제가 생겼을 때는 로컬 환경에서 두 가지 방법으로 해결해서 데이터를 확인했다. 1. 첫 번째는 https://cors-anywhere.herokuapp.com/corsdemo 이곳에서 request 버튼을 클릭하여 요청하고 불러오고자 하는 URL 앞에 "https://cors-anywhere.herokuapp.com/" 를 붙여주었다. 2. 두 번째는 확장앱을 사용했다. 브라우저에 확장앱을 추가하고 Allow CORS를 해주면 된다. 하지만 이 두가지는 로컬 환경에서 해결해줄 뿐이고 내 도메인에 업로드할 경우엔 여지없이 막히는 문제가 있었다. 3. 이 경우에는 api를 php로 받아와서 js에서 php를 불렀더니 .. 2022. 3. 23. 이전 1 2 3 4 5 6 ··· 13 다음 728x90
