코딩(73)
-
220406 웹TIL) 리액트 map()함수 그리고 컴포넌트, key props
1. 리액트가 반환한 컴포넌트 renderFood()는 map() 함수가 반환한 리액트 컴포넌트를 출력하려고 사용해본 코드이다. function renderFood(dish){ return ; } // const renderFood = dish => ;도 같은 표현이다. function App() { console.log(foodILike.map(renderFood)); return( /*;*/ {/*{foodILike.map(dish=>())}*/} {/*위에서 food라는 컴포넌트를 만들고 여기서 사용*/} {foodILike.map(renderFood)} ); } 0번 인덱스에 대해서 구체적으로 보고 싶다면 다시 열어서 본다. 콘솔창을 보면 아래와 같은 에러가 발생하는데 key의 값이 실제로 없어서..
2022.04.07 -
220405 BOJ ) 2558, 10950 (입출력 A+B 2,3번째)
1) 2558 A+B 2번째 처음에 사용자로부터 값을 입력받는 코드를 a=input(int()) 라고 거꾸로 썼었다. 당연히 틀렸다고 나왔다. 파이썬을 주 언어로 쓰지 않다보니, 이 순서가 헷갈렸는데 사용자로부터 입력 받은 값을 다시 정수로 변환하는 과정이 n = int(input()) 이었던 것이다. 그래서 코드를 수정한 결과는 다시 맞았다. a=int(input()) b=int(input()) print(a+b) 2) 10950 A+B 3번째 반복문을 써야 할 것은 감이 왔지만, 만약 for x in range () 에서 () 안에 들어가는 것은 리스트 또는 튜플,문자열인데 무슨 내용이 들어가야 하지? 배열 내에서 인덱스에 접근하는 것도 아니고.. 감이 오지 않았다. 그리고 저번 A+B 1번째 문제처..
2022.04.05 -
220404 웹TIL) 컴포넌트,map() 함수, JSX의 유래
1. 컴포넌트를 효율적으로 출력하기 일단 이 사진은 컴포넌트를 많이 만들어야 한다면 이 방법은 효율적이지 않다. 새 음식을 추가할때마다 를 복사해야 한다. 또한 서버에서 음식 데이터를 받아 출력하는 경우, 음식 데이터의 개수를 알 수 없다면 더 문제가 된다. 그래서 이와 같이 배열을 만들고 안에 속성값을 넣음으로써 많은 양(?)의 컴포넌트도 대비한다. 2. map() 함수 map() 함수의 인자로 전달한 함수는 배열 friends의 원소를 대상으로 실행 friends에는 4개의 원소가 있으니 함수는 4번 실행된다. 두번째는 그 함수가 반환한 값이 모여 배열이 되고 > 그 배열이 map() 함수의 반환값이 된다. console.log에서 current가 출력되고 return 0;에서 0을 반환한다. 이름 ..
2022.04.05 -
solidity TIL) 220402 배열,함수,data types
1. Remix IDE를 통한 컨트랙트 배포 1) // SPDX-License-Identifier : GPL-30 라이센스 명시를 안하면 에러가 난다. 2) pragma solidity >= 0.7.0 Deploy 후 해당 컨트랙트가 잘 배포가 되었는지를 확인해야함 내가 작성한 hi 라는 컨트랙트가 잘 배포되었으며 단순히 hi 변수의 내용을 출력하는 것이 아닌(기존 프로그래밍 언어는 hi 라는 변수에 담긴 내용을 터미널에 출력해서..
2022.04.02 -
Unity TIL) 2-2
1. 게임오브젝트 생성 방법 메뉴에서 GameObject > Create Empty를 선택하면 Scene 뷰에 GameObject가 생성된다. 생성된 GameObject는 Transfrom 컴포넌트만 가진 빈 게임오브젝트다. 이름을 Player로 지정 특별한 경우가 아니고서는 Transform의 속성을 (0,0,0)으로 설정하자 Hierachy 뷰에 나열된 것은 모두 게임오브젝트다. Directional Light,Main Camera도 빈 게임오브젝트에 Light와 Camera 컴포넌트를 추가한 것일 뿐 2. 그룹핑 05.Models 폴더에서 주인공으로 사용할 Player 3D 모델을 앞서 만든 Player 게임오브젝트로 드래그앤 드롭 하면 3D 모델인 Player 모델이 차일드화된다. 이렇게 차일드화..
2022.04.01 -
Unity TIL) 2차시 수업
1. View 5가지 1) Project 뷰 : Project Browser이라고도 하며 게임 제작에 필요한 모든 애셋을 모아 두는 곳이다. 3D 모델, 텍스처, 사운드파일, 스크립트와 같은 모든 애셋을 저장한다. 2) Scene 뷰 : 3차원 공간을 표현하며 스테이지를 디자인하고 플레이어를 배치해 게임을 설계하는 뷰 Project 뷰에 나열된 애셋을 Scene 뷰로 드래그 앤 드롭해 배치한다. Scene 뷰의 헤더에 있는 바를 Control bar 라고 한다. 3) Hierachy 뷰 : Scene 뷰에 배치한 모든 객체를 계층 구조로 나열해서 보여준다. 나열된 요소는 모두 게임 오브젝트들이다. 게임오브젝트가 Scene 뷰의 기본 단위이다. Hierachy 뷰는 하나의 게임 오브젝트를 선택해 다른 게임..
2022.03.31