삽질3 [연습] 놓지 않은 프론트엔드 개발자의 꿈#3 - HMI작화(로그인) 로그인 페이지 만들기 아이디와 비밀번호를 입력하여 회원가입 된 아이디를 조회하여 로그인하는 페이지 전체 객체 위치 잡기 그리기 -> "사각형"으로 전체 작화의 위치를 잡아줌 이미지 삽입 흰색 배경의 이미지는 설정에서 흰 부분을 제거 해준다. 아이디, 비밀번호 입력 창 "데이터 표시기"에 문자열 표시기를 사용하여 문자열 출력 설정에서 키패드 사용으로 하고 만들어 놓은 키패드 1번 화면을 사용으로 설정 2022. 6. 15. [연습] 놓지 않은 프론트엔드 개발자의 꿈#2 - HMI작화 회원정보 데이터 베이스 관리 페이지 회원 가입 이후 저장되는 데이터를 저장하는 페이지 작성 키패드 화면 생성 키패드 화면에 "키패드" 객체 생성 회원가입 "데이터 표시기" 입력허가 속성에 키패드 스키린 사용 옵션 선택 회원관리 페이지 생성 "데이터 표시기" 문자열 표시기로 입력허가는 없이 저장된 데이터를 출력한다. 회원가입하기 회원데이터 관리 2022. 6. 12. [연습] 놓지 않은 프론트엔드 개발자의 꿈#1 - HMI 작화 PLC로 프론트엔드 개발하기ㅋㅋ Proface로 HTML을 하고, PLC로 javascript를 만들것 사용자 로그인을 통해서만 메인 작화에 접속할 수 있는 프로그램을 만들기 HTMI 작화(1) 왼쪽 상단에 "문자열"을 사용해서 크기 및 색상 설정과 텍스트 입력 HTMI 작화(2) 오른쪽 상단은 "이미지"를 사용해서 아날로그 시계를 넣었다 HMI 작화(3) 객체의 틀을 잡기위해 "사각형"으로 전체 화면을 밑 그림 HMI 작화(4) "데이터 표시기"를 사용하여 문자열 입력, 출력 입력 허가를 하여 "데이터 표시기"에 값을 입력 할 수 있음 영어는 1개문자 8비트(+공백). 즉, 10개 알파벳은 80비트(+공백)[5워드]를 점유함 HMI 완성 회원가입 페이지 완성 PLC,Proface 프로그램 2022. 6. 8. 이전 1 다음 LIST
