웹쟁이의 일상

안녕하세요~! 오늘의 포스팅에서는 간단한 로딩바를 만들어 주는 방법을 알아보겠습니다. 웹 사이트나 모바일 화면에서 무언가 데이터 처리를 할 때 화면 중앙에 빙글빙글 돌아가는걸 다들 본 적이 있을겁니다. 이렇게 생긴 녀석인데요, 오늘은 바로 이녀석을 화면 중앙에서 돌아가게 만들겠습니다. 원리는 아주 간단합니다. 무언가 동작이 걸릴 때, 화면을 클릭하지 못 하도록 막아놓고, 가운데에 저 이미지를 띄우면 끝입니다. 예를 들어 게시판에 올릴 글을 입력하고 확인버튼을 눌렀는데, 로딩바가 뜨지 않는다면 확인버튼을 계속 누를수 있겠죠? 확인버튼을 여러번 누른다면 에러가 발생할 지도 모르니 애초에 그렇게 하지 못하도록 막아버리는 겁니다. 자 그럼 코드를 살펴 보겠습니다. #back{ position: absolute;..

안녕하세요~! 저번 포스팅에서 파이썬과 파이참을 설치하는 방법에 대해 알아보았는데요, 설치한 파이썬으로 오늘부터 알고리즘 공부를 차차 해보겠습니다. 알고리즘은 간단히 설명하면 '어떤 문제를 풀기 위한 절차나 방법'을 말합니다. 주어진 '입력'을 '출력'으로 만드는 과정이며, 알고리즘의 각 단계는 구체적이고 명료해야 합니다. 하지만 어떤 문제를 푸는 과정은 꼭 한가지로 한정되는 것은 아닙니다. 프로그래밍적인 측면에서 바라보면, 어떤 문제를 풀기 위해서는 여러가지 방법(알고리즘)을 사용할 수 있지만, 가장 최적의 속도를 이끌어 내기 위해서 어떤 알고리즘이 어떤 특징을 지니고 있는지 알아야 합니다. 이처럼 알고리즘의 성능이나 특징을 분석하기 위해서는 어려운 수학적 지식이 많이 필요하지만, 앞으로 포스팅에서 복..

안녕하세요~! 저번 포스팅에서는 파이썬 3 버전을 설치해봤는데요, 이번 포스팅에서는 파이썬을 이용해서 좀 더 편리하고 쉽게 개발을 하기 위해 이클립스나 비주얼 스튜디오 같은 파이썬을 위한 IDE를 설치해보겠습니다. https://www.jetbrains.com/ JetBrains: Developer Tools for Professionals and Teams JetBrains is a cutting-edge software vendor specializing in the creation of intelligent development tools, including IntelliJ IDEA – the leading Java IDE, and the Kotlin programming language. www...

안녕하세요~! 오늘은 파이썬 설치하는 방법에 대해 알아보겠습니다. 파이썬은 귀도 반 로섬이라는 프로그래머가 개발한 프로그래밍 언어입니다. 불과 몇년 전까지만 해도 커뮤니티 등에서 별로 좋지 않은 언어라는 평이 많았었는데, 최근 들어 4차 산업 혁명으로 인한 코딩 열풍이 불며 초보자도 접하기 쉬운 직관적인 문법 탓인지 단기간에 엄청난 인기를 끌며 프로그래밍 언어 점유율이 쭉쭉 올라왔습니다. 파이썬은 일반적인 다수의 프로그래밍 언어와 문법적으로 크게 다른점이 있는데, 그 중 하나는 {}(중괄호)를 쓰지 않고 들여쓰기를 이용해서 블록을 구분하는 것입니다. 그래서 개인적으로 코드가 엄청 깔끔해 보인다는 점이 매력적이라고 생각합니다. 파이썬은 2버전과 3버전으로 나뉘는데 2버전도 사실상 프로그래밍에 큰 문제가 없..

안녕하세요~ 이번 포스팅에서는 Modal창을 띄워주는 방법을 알아보겠습니다. 모달은 팝업창과 비슷하지만 약간은 다른 개념입니다. 팝업은 창이 띄워져 있는 동안에도 부모 페이지를 컨트롤 할 수 있지만, 모달은 창이 띄워져 있는 동안에는 부모 페이지를 컨트롤 할 수 없다는 차이점이 있습니다. 그럼 코드를 통해 어떻게 모달을 띄워서 사용하는지 알아보겠습니다. MODAL Modal창 테스트입니다. 일단 HTML과 CSS를 작성해 주겠습니다. CSS는 꾸미고 싶은대로 꾸며주시면 되겠습니다. 모달창을 띄워주고 없애주는 스크립트를 작성해 줍니다. 이렇게 해주면 아래처럼 모달창이 페이지 로딩 시에 나오게 됩니다.

안녕하세요~ 오늘은 JOIN에 대해서 알아보겠습니다. JOIN은 글자 그대로 두 테이블 혹은 디비를 조인해서 검색하는 방법을 말합니다. A,B테이블이 있다고 가정할 때 A테이블의 컬럼과 B 테이블의 컬럼을 연결하여 하나의 테이블이 되는 것 처럼 검색을 할 수 있습니다. 보통 Primary Key 및 Forign Key를 이용하여 조인을 합니다. 처음 들으면 약간 이해하기 힘들 수 있지만 집합을 생각해보면 이해하기가 한결 수월해집니다. 우리 모두 고등학교 시절 수학의정석 1장만 여러번 공부한 적이 있기 때문에 집합에 대해서는 다들 빠싹할 거라고 예상합니다. 일단 조인을 걸어 주기 위한 두 테이블을 생성해보겠습니다. CREATE TABLE USERTABLE( USER_ID INT NOT NULL PRIMAR..

안녕하세요~ 벌써 회원가입을 위한 포스팅이 5개가 되었습니다! 저번 포스팅에서는 주소 검색을 위한 다음 주소 API를 사용하는 방법에 대해 알아보았습니다. 이번 포스팅은 비밀번호 암호화를 하고 회원가입을 마무리짓도록 하겠습니다. $("#create").click(function(){ var validate = ValidationCheck(); if(validate == false) return false; if(confirm("회원가입을 하시겠습니까?") == true){ loadingBarStart(); if(doubleSubmitCheck()){ return false; } $.ajax({ type:"get", url : "", /* encodeURIComponent 예를들어, http://a.com..

안녕하세요~! 저번 포스팅에 이어서 회원가입 4페이즈 진행해보겠습니다. 저번 포스팅이 궁금하신 분들은 아래 링크를 참고해 주시길 바랍니다. 2019/05/20 - [Programming/JAVA] - [Spring] 회원가입 구현하기 -1 [Spring] 회원가입 구현하기 -1안녕하세요~! 오늘은 회원가입 폼을 만들어 보겠습니다. 일단 회원가입을 하기 위해서는 유저 데이터를 담을 수있는 데이터베이스 테이블이 필요합니다. CREATE TABLE USER_INFO( REGIST_NO NUMBER, USER_ID VARCH..newehblog.tistory.com2019/05/21 - [Programming/JAVA] - [Spring] 회원가입 구현하기 - 2 [Spring] 회원가입 구현하기 - 2안녕하세..