본문 바로가기

분류 전체보기125

[JS] 입력과 출력 12월 초에.. 서울페이로 드디어 JS 입문서 책을 샀다 이번 겨울방학에 JS공부를 하기로 마음 먹었으니 이 책을 참고로해 시작해볼까 한다!! 부디 작심삼일이 아니길 ... 1일차인 오늘은 아직 아무것도 모르는 새싹이라(?).. 화면에 입출력 정도 해보았다. Java Script란 무엇일까? HTML은 웹의 뼈대를 만들어주고 CSS는 눈에보이는 외관만 담당한다. 그치만 JS는 웹의 동적인 부분을 만들어줄 수 있다. 그럼 JS에 대해서 좀 더 자세히 알아보도록 하자! Java cript의 특징 웹 사이트를 동적으로 만들 수 있다. 웹 브라우저에서 실행되는 프로그램을 만들 수 있다. 서버를 구성하고 서버용 프로그램을 만들 수 있다. 모든 웹 브라우저에서 작동한다 웹 브라우저에서 실행결과를 즉시 확인할 수 있.. 2023. 12. 29.
[프로그래머스] 문자열 겹쳐쓰기 1. 문제 설명 문자열 my_string, overwrite_string과 정수 s가 주어집니다. 문자열 my_string의 인덱스 s부터 overwrite_string의 길이만큼을 문자열 overwrite_string으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. 2. 제안사항 my_string와 overwrite_string은 숫자와 알파벳으로 이루어져 있습니다. 1 ≤ overwrite_string의 길이 ≤ my_string의 길이 ≤ 1,000 0 ≤ s ≤ my_string의 길이 - overwrite_string의 길이 3. 입출력 예 my_stringoverwrite_stringsresult "Program29b8UYP""merS123"7"ProgrammerS1.. 2023. 12. 27.
로그인 페이지 만들기 이번에는 css를 적용시켜서 간단한 로그인 페이지를 만들어보겠습니다. HTML화면 DOCTYPE html> 로그인 페이지 //css와 연결 웹사이트 제작 비밀번호 찾기 input태그를 써서 id, password, 로그인 버튼을 만들어줍니다. id, password의 입력창에 정보를 설명해주지 않으면 어떤 칸에다 id를 작성해야 하는지 password를 작성해야할 지 모르게 됩니다. 이를 위해서 placeholder태그를 이용해 입력창 정보를 설명해줍니다. (비밀번호를 잊어버렸을 때) 비밀번호를 찾아주는 부분의 class이름을 forgot-password로 지정하겠습니다. 이 부분에 커서를 대었을 때 비밀번호를 찾을 수 있는 화면으로 갈 수 있도록 a태그를 사용합니다. 비밀번호 찾기 CSS 그 다음은 c.. 2023. 8. 8.
form태그 form form 태그는 여러 정보를 입력받아 이에 할당된 데이터를 서버로 전송라는 것 입니다. 로그인이나 검색창을 구성할 때 쓰이는 태그이기도 합니다! DOCTYPE html> form 아이디 // id값과 매칭시켜 input과 연결 패스워드 //제출 file:///C:/Users/judyb/OneDrive/%EB%AC%B8%EC%84%9C/WSM-104/2%ED%95%99%EA%B8%B0/form.html 다음은 form을 이용하여 로그인 페이지를 만들어보았습니다 form안에 있는 태그들을 부가적으로 살펴봅시다. 의 정보들을 서버에 넘겨주기위해 쓰입니다. 아이디 for속성에 id값을 매칭시켜 과 의미적으로 연결합니다 다음은 text 정보를 담을 수 있는 공간 입니다. 참고로 은 기본적으로 줄바꿈을 하.. 2023. 7. 31.

티스토리툴바