본문 바로가기
반응형

분류 전체보기256

프론트엔드/기본개념/특수문자 정리 프론트엔드개발 HTML, CSS, JS를 사용해 그래픽 사용자 인터페이스(GUI)로 변환하고 그것으로 사용자와 상호작용할 수 있도록하는 것. HTML(Hyper Text Markup Language) : 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당. CSS(Cascading Style Sheets) : 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적) 스타일을 담당. JavaScript : 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당. 웹표준 : 웹표준(Web Standard)이란, '웹에서 사용되는 표준기술이나 규칙'을 의미, W3C의 표준화 제정 단계의 '권고안(REC)'에 해당하는 기술. 크로스 .. 2021. 10. 16.
Java Script를 이용한 계산기 만들기(table,eval) Java Script를 이용해 계산기를 만들어보자! STEP 1. 계산기 뼈대 만들기 사용자가 입력한 값 계산 결과 초기화 / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = 위와 같은 형태로 계산기를 만든다고 생각해보자. 형태로 만들것이기 때문에 행x열을 그려보면 7행() * 4열()의 뼈대를 가집니다. 그리고 위의 Form에서 '사용자가 입력한 값', '계산결과', '초기화', 0은 열이 합쳐져 있는 것을 볼 수 있습니다. 에서 열을 합칠때 colspan(가로방향으로 합치기)을 이용하고, 반대로 행을 합칠때는 rowspan(세로방향 합치기)을 이용하면 됩니다. 위 예제에서는 가로방향으로 합쳐졌기 때문에 colspan을 활용하도록합니다. 계산기 디자인에서는 HTML과 CSS를 이용해 계산기의 뼈대.. 2021. 10. 15.
자바개발도구 JDK, Tomcat 다운로드 및 기본 설정 기본 setting : jsp-setup, jsp-study 폴더 이용 1. JDK 다운로드 https://www.oracle.com/java/technologies/javase-downloads.html [Java 8] - [Windows] - x64 installer : jdk-8u301-windows-x64.exe 설치 * Oracle 계정 로그인 필요. 설치 후 cmd 창 open -> javac -version 실행여부 확인. "javac은 내부 또는 외부명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다" 오류 나는 경우, [내PC]-[속성]-[고급시스템설정]-[환경변수]-[시스템변수] 설정 필요 * JDK의 bin 폴더를 환경변수 path에 등록하는 이유 : bin폴더에는 자바로 프로그.. 2021. 10. 13.
How TO - Clickable Dropdown / Navigation Bar (클릭하면 보여지는 메뉴바 / 메뉴검색기능) 버튼 클릭 시 숨겨진 내용이 Dropdown 되도록하는 예제를 공부하고 이를 활용해 Navigation Bar를 생성해보겠습니다. https://www.w3schools.com/howto/howto_js_dropdown.asp How To Create a Dropdown Menu With CSS and JavaScript How TO - Clickable Dropdown Learn how to create a clickable dropdown menu with CSS and JavaScript. Dropdown A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list: Try it .. 2021. 10. 13.
코로나 2차 접종 병원 변경(양천구 보건소) 코로나 2차 접종 병원 변경하는 방법 공유드립니다. 코로나 1차 접종을 직장근처에서 맞았더니 2차 접종예약이 자동으로 1차와 동일한 병원으로 자동 예약이 잡혔더라고요. 저는 9/30일 1차 모더나를 접종해서 2차는 4주 뒤인 10/28일, 1차와 동일한 병원으로 예약되었습니다. 2차는 자택근처에서 백신을 맞고싶어서 알아보니 2차 접종 변경은 전화로 요청해야하더군요 그 중에서도 제일 빠른 방법이 관할구의 보건소로 전화하는 것이라고 하기에 저는 양천구 보건소 직통번호로 전화를 해서 문의했더니 접종 예약 변경담당자가 있다며 전화를 연결해주더라고요 양천구에 거주하고 계시는 분은 아래 전화번호로 문의하시면 됩니다. 양천구 보건소 코로나 접종 예약 일정 변경 : 1833-4461 ~4462 코로나 2차 접종 장소 .. 2021. 10. 13.
라이브러리와 프레임워크 다른 사람이 이미 잘 만들어놓은 것을 부품으로 삼아 내가 만들고자하는것을 빠르게 조립해서 만드는 것은 오늘날 소프트웨어 개발에 있어서 중요한 부분입니다. 지금까지는 스스로 생산자가 되는 방법을 알아봤다면, 이번에는 다른사람이만든 소프트웨어를 부품삼아 내가 만들고있는 소프트웨어의 생산자가 되는 방법을 살펴보겠습니다. (feat. 소프트웨어의 사회성) 이 때 알아두면 좋은 키워드가 라이브러리와 프레임워크입니다. (둘 다 다른사람의 도움을 받아 소프트웨어를 만든다는 공통점이 있습니다.) 1) 라이브러리 : 내가 만들고자하는 프로그램에 필요한 부품들이 되는 소프트웨어를, 재사용하기 쉽도록 잘 정리정돈해놓은 소프트웨어 2) 프레임워크 : 우리가 만들고자하는 것이 있을때 그것이 무엇이냐에 따라 언제나 필요한 공통적.. 2021. 10. 12.
How TO - Collapsibles/Accordion/SlideDown (자연스럽게 내려오는 아코디언) w3schools의 JavaScript How To 예제 중 아코디언을 만들어보겠습니다. https://www.w3schools.com/howto/howto_js_accordion.asp How To Create an Accordion How TO - Collapsibles/Accordion Learn how to create an accordion (collapsible content). Accordion Accordions are useful when you want to toggle between hiding and showing large amount of content: Section 1 Lorem ipsum dolor sit amet, consectetur adipisicin www.w3sch.. 2021. 10. 12.
학점은행제_온라인학점인정신청_자격증 드디어 컴퓨터공학과 학사 학위를 취득하기 위한 마무리 단계에 접어들었습니다. 먼저, 학점은행제를 통해 학사 학위를 취득하기 위해서는 총 140 학점 ( 전공 60학점 ) 이 필요합니다. 올해 정보처리기사 자격증을 취득함으로써 드디어 이수해야할 학점이 모두 완성되었습니다. 저는 교육기관(평생교육원)에서 교육과정 + 독학사(2과목) + 자격증(컴퓨터활용능력 1급, SQLD, 정보처리기사)을 통해 총 144 학점을 이수하였습니다. (학점취득계획을 잘못 세워서 4학점 더 취득함.) 사실 학점 준비는 8월 정보처리기사 자격증 취득으로 완료되었지만 학점인정기간이 아니어서 기다리고 있었는데 드디어 학점인정기간이 되어서 후다닥 학점인정신청도 하고 신청한 방법을 공유드려 보려고합니다. 2021년 4분기 온라인 학점인정 .. 2021. 10. 5.
파일로 쪼개서 정리정돈하기 (.js) 이전 시간에 코드를 정리정돈할 수 있는 도구인 함수, 객체 등을 공부하였습니다. 이번 시간에는 서로 연관된 코드들을 파일로 그룹핑하여 묶는 정리 방법을 알아보겠습니다. 객체의 활용시간에 완성해두었던 주/야간모드 전환코드입니다. 지금까지 작업해두었던 내용을 다른 웹페이지에도 적용해야한다고 생각해봅시다. 태그 내용만 복사해서 다른 html 파일에 붙여넣으면 동일한 버튼이 생성된것처럼 보여지겠지만, 실제로 그 기능은 작동되지않습니다. 이 기능을 실행하기 위해서는 부분도 함께 복사해서 적용을 시켜줘야합니다. 하지만, 이렇게 적용해야할 페이지가 매우 많고 수시로 수정작업도 일어난다고 가정해봅시다. 파일을 관리하기가 매우 어려워질것입니다. 때문에 여기서 우리가 만들어낸 부분만 파일을 따로 생성해서 저장한 뒤 관리하.. 2021. 10. 5.
How TO-Login Form (로그인 폼 만들기) w3schools의 JavaScript How To 예제 중 로그인 폼을 만들어보겠습니다. https://www.w3schools.com/howto/howto_css_login_form.asp How To Create a Login Form How TO - Login Form Learn how to create a responsive login form with CSS. Click on the button to open the login form: Login Try it Yourself » How To Create a Login Form Step 1) Add HTML: Add an image inside a container and add inputs (with a matching labe www.w3s.. 2021. 9. 30.
반응형