반응형 코드19 자바스크립트 테스트(7) 자바스크립트(정보처리 기능사 기출문제) 테스트(7) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 정보처리기능사 기출문제를 자바스크립트로 변환한 문제입니다. 1. 다음의 결괏값을 작성하시오. { let i = 0; let sum = 0; while(i < 10){ i = i+1; if( i % 3 == 0) sum -= i; if( i % 3 == 1) sum += i; if( i % 3 == 2) sum *= i } console.log(sum); } 답 확인하기 129 2. 다음의 결괏값을 작성하시오. { let num = [10, 20, 30, 40, 50]; let i, max, min; max = min = num[0]; for(i=0; i.. 2023. 4. 21. PHP 회원가입 페이지, 로그인 페이지 PHP 회원가입 페이지, 로그인 페이지 PHP PHP는 서버 측에서 실행되는 프로그래밍 언어로 HTML을 프로그래밍적으로 생성해주고, 데이터베이스와 상호작용 하면서 데이터를 저장하고, 표현합니다. PHP는 웹을 위해서 만들어졌고, 지금도 웹을 위해서 발전하고 있는 웹을 위한 언어입니다. 웹프로그래밍을 위한 높은 생산성을 제공하는 언어입니다. 특히 서버에 직접 설치해서 운영할 수 있는 설치형 웹에플리케이션(제로보드, 텍스트큐브, 워드프래스, PHPBB등)의 과반이 PHP로 만들어졌습니다. 따라서 PHP를 배워두시면 이러한 솔루션들에 대한 운영, 문제해결 능력이 향상됩니다. 무엇보다 쉽습니다. PHP 장점 웹에 최적화된 언어 웹개발에 필요한 수많은 로직들이 함수의 형태로 미리 제공됨 크로스플랫폼 거의 모든 .. 2023. 4. 19. 자바스크립트 JSON 마무리 문제 자바스크립트 JSON 마무리 문제 책 : 모던 자바스크립트 프로그래밍의 정석 519, 520페이지 참고 마무리 문제 1 dummyjson.com/quotes 사이트의 json 데이터를 가져온 후 콘솔 창에 결과를 표시해 봅니다. 가져온 데이터가 어떤 구조로 이루어져 있는지 살표보는 것이 목표입니다. 길라잡이 feth와 then, catch를 사용해서 URL에서 자료를 가져옵니다. 가져온 데이터에 어떤 값이 어떤 구조로 저장되어 있는지 확인하고 그중에서 명언과 말한 사람 정보를 가져오는 방법을 생각합니다. JAVASCRIPT function nextQutoe(){ fetch("http://dummyjson.com/quotes") .then(res => res.json()) .then(items => { c.. 2023. 4. 15. 슬라이드 이펙트 : 이미지 슬라이드(썸네일) 슬라이드 이펙트 : 이미지 슬라이드(썸네일) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect06 슬라이드 이펙트 : 이미지 슬라이드(썸네일) 1 2 3 4 5 6 7 prev next dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지가 들어갈 구역, 썸네일 이미지가 들어갈 구역, 화살표 버튼을 class 명을 사용해서 만들어줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게.. 2023. 4. 14. 슬라이드 이펙트 : 트랜지션 효과 슬라이드 이펙트 : 트랜지션 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect01 슬라이드 이펙트 1 2 3 4 5 6 dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. style 구역으로 이동해서 첫번째 이미지, 두번째 이미지, 세.. 2023. 4. 10. Heartbeat animation Heartbeat animation See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. 2023. 4. 2. 이전 1 2 3 4 다음 반응형
