Study/Code (5) 썸네일형 리스트형 [JS] 웹 상에 존재하는 UI 만드는 법 - UI 만드는 step1. html/ css로 미리 디자인만들고 싶은 UI의 디자인을 다 해놓으면 된다. 필요하면 미리 숨김2. 필요할 때 보여달라고 코드짜기 (자바스크립트로!) 자바스크립트 조작 방법 자바스크립트는 HTML 조작을 위해 사용한다. html 조작과 변경을 담당한다. 그래서 자바스크립트 코드를 잘 짜면 html을 원하는대로 조작이 가능하다. h1 id="hello">안녕h1> script> document.getElementById("hello").innerHTML = "안녕하세요"; script> 자바스크립트는 영어 좀 알면 누구나 해석가능한 언어! document ---> 문서. 여기선 html 웹문서 마침표 ---> ~의getElementById("hello") ---> 아이디가 "hello"인 html요소(element)를 찾아줘innerHTML ---> HTML 내부= ---> 등호는 프로그래밍에서 오른쪽에 있는걸 왼쪽에 대입하라는 뜻이다. 해석하면, 웹문서의 .. [23_1 웹응용프로그래밍 팀프로젝트] GitHub 활용 ※Readme 파일 보고 그대로 따라하신 후 안되는 부분이나 오류생기면 바로 말씀해주세요! 여기서는 GitHub가입 및 Git Bash, GitHub Desktop 설치가 되었다고 가정하고 이후 작업에 대해 설명합니다.GitHub Desktop 설치 직후설치 작업을 마치고, 'Clone a repository from the internet..'을 실행해주세요. 다음으로 Sign-in 을 해야합니다. 본인의 github 계정으로 Sign-in을 하면, 자신의 계정으로 접근 가능한 모든 repository 목록이 나타납니다.프로젝트의 repository를 선택하고, Local Path에 다운로드할 위치를 지정하면 됩니다. GitHub Desktop 활용작업 시작하실 때, 꼭 팀프로젝트 폴더로 접속해주셔.. [23_1 웹응용프로그래밍 팀프로젝트] 초기 설정 단계 23_1 웹응용프로그래밍 팀프로젝트프로젝트명: Busan_tourism목표- 관광지 정보 표준 데이터 api를 활용하여 열람 가능한 관광지 정보 사이트- chat GPT의 Q&A api를 활용하여 관광지에 관한 사용자의 정보 검색시간 단축 프로젝트 환경 설정 단계Visual Studio Code 설치node.js, npm, npx 설치로컬에 설치되어 있는지 확인하는 방법컴퓨터 cmd 창에 다음과 같이 입력한다. 이미 설치 되어 있을 시 다음 단계 진행하면 됨프로젝트 실행프로젝트 폴더 만들기(git이 설치되어 있다는 가정 하에) 폴더에서 Visual Studio Code 열고, terminal 창에서 Git Bash 창 열기 3. 아래와 같이 입력 ---> 폴더 아래에 git에서 받은 폴더가.. [React] react for beginner - React JS 설치를 위한 Javascript 코드 Url https://unpkg.com/react@17.0.2/umd/react.production.min.jshttps://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js React JS는 html코드를 직접 작성하지 않고 그 대신, javascript코드를 사용한다.Javascript와 React JS를 이용하여 element를 생성한다. - React JS element를 어떻게 생성하는가? React를 import했다는 가정하에 (위의 URL 참고)const span =React.createElement("span");createElement function을 가진 React ob.. 이전 1 다음
