본문 바로가기

IT_Developers1149

jQuery - ajax sync 옵션 동기, 비동기 동작 방식은? ajax 동기식은 진정한 동기 방식이 아니다 안녕하세요.고코더 입니다. 요즘은 백엔드와 프론트로 나눠져 있는 웹생태계 덕분에 ajax 사용이 많아졌습니다. 거의 필수적인 함수 입니다. 저도 처음 ajax를 만나고 이렇게 자주 사용할줄은 몰랐네요. ● 1. 그런데 ajax에 보면 항상 보이는 옵션이 있습니다. async 라는 옵션입니다. 많은 분들이 이 옵션으로 동기,비동기를 처리할 수 있는걸로 알고 있습니다. 하지만 맞는 말이기도 하고 틀린 말이기도 합니다. 사실 ajax 자체가 비동기 처리를 위해 사용되는건데 동기로 지정한다는게 약간 어불성설 같습니다. ->코딩 이론 - 동기(synchronous) , 비동기(Asynchronous )의 차이점 ● 2. 우선 사용법은 아래와 같습니다.1234567891.. 2019. 10. 21.
코딩이론 - 동기(synchronous) , 비동기(Asynchronous )의 차이점 동기식 비동기식 뭐가 다를까? 안녕하세요.고코더 입니다. 동기, 비동기 단어 자체가 영어로 보면 머리속에 들어오는데 번역된 한글로 보면 조금 헷갈린 구석이 있습니다. 동기(synchronous) - 응답을 받아야만 다음 동작을 실행 비동기는 (Asynchronous) - 응답에 상관 없이 바로 다음 프로세스를 진행 ● 1. 동기방식 우리가 많이 사용하는 ajax는 보통 동기식을 많이 사용합니다. 해당 데이터를 모두 가져와서 다음 프로세스에서 함께 사용하는 경우가 많기 때문입니다. 동기는 하수도관이 하나 입니다. 물길이 하나여서 하나가 다 된 다음 다음 프로스세를 순차적으로 실행합니다. 프로세스적 절차가 중요한 사이트 관리자 페이지라던가 금융 업무와 같은 곳에서는 동기식인 경우가 많습니다. 특징 - 한번에.. 2019. 10. 21.
JavaScript - 배열에 값을 추가/ unshift(), push() array 에 데이터를 추가 하는 방법 안녕하세요.고코더 입니다. 자바스크립트에서 배열은 매우 중요합니다. 특히 데이터를 배열에 추가하여 다시 사용하는건 프론트엔드 개발의 기본입니다. 그래서 오늘은 배열에 값을 넣는 대표적인 2가지 방법인 push()와 unshift()를 배워보겠습니다. ● 1. push() : 배열 뒤에 값을 입력한다. push()는 배열 뒤에 값을 입력하는 대표적인 배열에 값을 추가하는 방법입니다.배열을 선언하고 해당 배열에 push로 데이터를 넣는 방식입니다. 뒤로 순차적으로 데이터가쌓이기에 백엔드에서 전달해주는 데이터 그대로를 담을 수 있습니다. 123456 jvar arryData = []; //배열을 선언 arry = { "name" : 'gocoder', "url" : 'g.. 2019. 10. 21.
JavaScript - 문자열 맨 뒷자리 잘라내기 / slice를 이용한 쉬운 방법 자바스크립트로 문자 뒤에서부터 제거하기 안녕하세요.고코더 입니다. ● 1. 프론트엔드 개발을 하다보면 꼭 끝에 한 글자가 문제입니다.이 글자를 짤라내려면 많이 사용하는 방법은 이렇게 하셨을텐데요 1. 문자열 길이를 잰다2. -1를 한다3. -1한 길이만큼 가져온다 ● 2. 그 보다 더 쉬운 방법이 있습니다. 내장 객체인 배열을 다루는 slice()를 이용하는 방법입니다. var text = "http://gocoder.net/"; textSlice = text.slice(0,-1); // http://gocoder.net ● 3. 예제 소스로 다시 한번 살펴보겠습니다.1234567891011 var text = "http://gocoder.net/"; textSlice = text.slice(0,-1);.. 2019. 10. 21.
SSMS - SQL 쿼리를 대문자,소문자로 변경하는 단축키 대문자 소문자 단축키 알아봐요 안녕하세요.고코더 입니다. ● 1. SSMS에서 SQL을 작성하다 보면 대문자로 혹은 소문자로 변경해야 하는경우가 있습니다. 제가 가장 자주 사용하는 단축키 인데요.우선 단축키 정체는 이렇습니다. 간단하죠? 한번 실습을 해보겠습니다. 대문자로CTRL + SHIFT + U소문자로CTRL + SHIFT + L ● 2. 원하는 쿼리를 드래그합니다. 그리고 CTRL + SHIFT + U를 누르면 대문자로 변신프로시저를 많이 쓰는 회사는 보통 대문자로 통일해서 생성합니다. ● 3. 이번에도 드래그한 다음 CTRL + SHIFT + L 를 누르며 소문자로 변신개인적으로 소문자 가독성이 떨어져서 저는 잘 안사용 합니다. SQL은 명령어는 대소문자 구별이 없기 때문에 본인이 원하는 가독성.. 2019. 10. 18.
SSMS - 마우스 클릭으로 MSSQL 데이터베이스 생성하기 / 간단하게 만들어도 좋아요. DATABASE Create 안녕하세요.고코더 입니다. SSMS를 이용해 데이터베이스를 생성하는 방법을 알아보겠습니다.사실 UI가 잘되어 있어서 누구나 직감적으로 만들 수 있을 정도로 쉽지만그래도 아쉬운 분들을 위해 남겨보려고 합니다. ● 1. MSSQL에 접속하여서 데이터베이스에서 마우스 오른쪽 버튼을 누르고 새 데이터베이스를 클릭 합니다. ● 2. 그리고 데이터베이스 이름을 입력하고 확인을 누르면 끝입니다. 가장 기본적으로 사용하기 알맞은 옵션으로 제작하기 때문에 사실 학습자라면 충분 합니다. 그래도 한가지 꼭 알고 가면 좋은건 자동증가/최대크기 입니다. 제가 쓴 다른 글을 확인해보세요.-> MSSQL - 용량 자동 증가/ 최대 크기 설정은? ● 3. 옵션을 이동해보면 다양한 옵션이 있습니다. 데이터.. 2019. 10. 17.
MSSQL - 용량 자동 증가/ 최대 크기 설정은? MSSQL 데이터베이스 생성시 용량 증가에 대한 부분 안녕하세요.고코더 입니다. ● 1. MSSQL에서 새로운 데이터베이스를 만들때 "64MB 단위로, 제한 없음" 이라 기본 옵션을 보셨을 것니다.이 옵션은 데이터베이스 데이터 용량이 가득 찼을때 64MB 단위로 하드디스크를 확보 한다는 의미 입니다.즉 매번 데이터의 양이 늘때마다 기록하는게 아니라 범위를 넓혀 놓는 방법입니다. ● 2. 과거 버전에서는 %퍼센트 단위로 데이터 양을 자동증가로 설정하게도 하였는데요. 요즘은 1TB급의 하드디스크 용량도 많으니 만약 10프로씩 증가시킨다면 1기가 용량을 넓히는 작업을 하기 때문에데이터베이스가 급속하게 느려지거나 잠시 쓰지 못하는 경우가 생겨나기도 합니다. ● 3. 실무에서 많이 사용하는 방법은 기본 옵션과 같.. 2019. 10. 17.
jQuery - select 선택 값 변경시 trigger(), prop() 차이는? trigger() vs prop() ? select 안녕하세요.고코더 입니다. 자바스크립트로 셀렉트 박스를 선택을 변경하는 개발을 할때 유의할 점이 있습니다. 지난 시간에 prop()과 trigger()을 각각 이용하여 셀렉트 박스의 옵션을 변경하는 방법을 배워 봤는데요. jQuery - trigger()로 select 박스 선택 값 변경하기jQuery - prop()으로 select 상태 값 변경이번 시간에는 이 두개의 차이점을 설명하려고 합니다. ● 1. trigger vs prop 각 함수로 select 박스 옵션을 변경할때 용도를 정리해보겠습니다. tirigger() : 사용자가 셀렉트 박스를 변경할때와 같이 이벤트를 발생시키고 싶을때 prop() : 사용자에게 화면에만 해당 옵션을 보여줄때 이벤.. 2019. 10. 17.
jQuery - prop()으로 select 상태 값 변경 prop()을 사용해 select 상태만 변경하기 안녕하세요.고코더 입니다. 이번 시간에는 prop으로 셀렉트 박스의 상태 값을 변경하는 방법을 알아보겠습니다.트리거는 사용자의 이벤트를 대신하는 느낌이라면 prop은 현재의 화면에 보여주는 옵션 상태 값을 변경 합니다. 가장 큰 차이는 change() 값에 바인딩 되지 않습니다 ● 1. 아래 소스를 한번 웹에서 보겠습니다. 12345678910111213141516171819202122function propChagne(){ $("#gocoder").val("c").prop("selected", true);} 셀렉트박스 선택 Go Coder Colored by Color Scriptercs ● 2. 해당 파일을 웹에서 실행하신 다음 버튼을 클릭 합니다. .. 2019. 10. 17.

티스토리툴바