동기식 비동기식 뭐가 다를까?


안녕하세요.
고코더 입니다.



동기, 비동기 단어 자체가 영어로 보면 머리속에 들어오는데 번역된 한글로 보면 조금 헷갈린 구석이 있습니다.

동기(synchronous)
    - 응답을 받아야만 다음 동작을 실행 
비동기는 (Asynchronous)
    - 응답에 상관 없이 바로 다음 프로세스를 진행



 1. 동기방식


우리가 많이 사용하는 ajax는 보통 동기식을 많이 사용합니다. 해당 데이터를 모두 가져와서 다음 프로세스에서 함께 사용하는 경우가 많기 때문입니다. 동기는 하수도관이 하나 입니다. 물길이 하나여서 하나가 다 된 다음 다음 프로스세를 순차적으로 실행합니다. 프로세스적 절차가 중요한 사이트 관리자 페이지라던가 금융 업무와 같은 곳에서는 동기식인 경우가 많습니다.

특징
    - 한번에 하나씩 처리하면서 내려간다
    - 순차적으로 처리하기에 비동기에 비해 느리게 결과 값이 나타난다.
    - 디버깅이 쉽다




 2. 비동기 


비동기는 다양한 작업이 동시에 일어납니다. 예를 들면 메인화면이 노출되는데 실시간 채팅창은 로딩 된데로 뜨고 게시판 미리보기도 로딩되는데로 뜹니다. 그리고 로그인창이 오랫동안 로딩 하다 404에러가 난다면 다른 프로세스와 상관없이 나중에 오류가 난 박스대로 보여집니다. 이처럼 비동기는 우리가 많이 보는 사이트에 모습입니다.

특징
    - 여러가지 로직이 동시에 처리 된다.
    - 매우 빠르게 결과가 도출된다.
    - 다른 프로세스의 결과 값을 받아 쓸때 이를 조절해야 한다.




마무리


번역 자체가 이상해서 항상 헷갈립니다.
동기가 기다려서 순차적으로 실행하는 단어입니다!!
"동시시 시작하기 위해 기다린다" 이렇게 외우세요!



댓글을 달아 주세요


핵 폰트 사용하기


안녕하세요.
고코더 입니다. 


코딩용 글꼴 어떤걸 사용하고 계신가요?
저는 핵 폰트를 사용합니다.
개인적인 견해로는 최고에 코딩 폰트입니다.
눈이 가장 편하고 가독서이 뛰어나다 생각 됩니다.


 1. 아래 URL에서 다운로드 해보세요.


 2. 첨부파일로 다운하셔도 됩니다.

 3. 설치 과정은 다음으로만 선택해주면 됩니다.


 4. 기본 글꼴 consolas 와 비교해보겠습니다.
코딩용 폰트가 아닌 글꼴은 liI| 등이 구별이 잘안가지만



 5. Hack 처럼 코딩용 글꼴 글자들을 분별하기 위해서 li를 분명하게 구분 해줍니다. 그리고 글꼴들도 눈에 편하게 해줍니다. 꼭 사용해보세요.



마무리


코딩은 꼭 코딩용 글꼴을 사용하세요.
사용해보세요. 


댓글을 달아 주세요


커맨드창 텍스트 문자열 복사하기


안녕하세요.
고코더 입니다.


 1. cmd 창에서 출력 되는 텍스트 복사할 수 있습니다.
커맨드 창에서 마우스 오른쪽 버튼을 누르면 반응이 없어서 내용 복사가 안될거라 생각하는데요. 
단축키를 사용하면 됩니다.


 2. 원하는 텍스트를 마우스 왼쪽 버튼으로 드래그하여
단축키 CTRL+C를 누릅니다.


 3. 그럼 클립보드에 해당 문자열이 복사되어 있어서
원하시는 곳에 CTRL+V로 붙혀넣어 사용이 가능 합니다. 


 4. 원도우7일 경우에는 마우스 오른쪽 버튼을 눌러
표시 기능을 선택 한후에 마우스 왼쪽으로 드래그가 가능 합니다.




마무리


텍스트 노가다 금지 


댓글을 달아 주세요


IDEA, Webstorm, PyCharm, RubyMine, PhpStorm 테마 설치하기


안녕하세요.
고코더 입니다. 


 1. 인텔리제이 제품군들은 다른 개발프로그램들 처럼 
테마 변경이 가능합니다.
기본 테마는 이쁘긴 하지만 제 스타일은 아닙니다.
-> PhpStorm,WebStorm - 기본 테마 변경하기 / 다크테마(Darcula)



 2. 그래서 인텔리제이 프로그램들에 적용 가능한
다양한 테마를 다운로드 할 수 있는 사이트가 있습니다.
바로 컬러-테마 닷컴 입니다 입니다.


 3. 접속 후에 각 테마를 클릭하면 적용 가능한 제품군이 보입니다. 
인텔리젠 프로그램은 대부분 적용 가능한 테마 입니다. 


 4. 굉장히 많은 테마가 있지만
성의 없는 테마도 많기에
정렬 상태를 인기 순으로 하셔서 적용해보세요.



마무리


눈에 딱 맞는
테마는 개발에 첫걸음입니다. 









댓글을 달아 주세요


인텔리제이 프로그램들은 JDK가 설치가 필수


안녕하세요.
고코더 입니다.


 1. 대부분에 인텔리제이 프로그램들
(webstorm, phpstorm등등)
실행할시에 해당 오류 메세지가 보일때가 있습니다.
No JVM installation found. Please install a 32-bit JDK.
If you already have a JDK installed, define a JAVA_HOME variable in Computer > System properties > System Settings > Environment Variables.



 2. 자바 프레임 워크로 만들어진 인텔리J 프로그램들은 JDK 프로그램이 필수 입니다.
JDK를 설치하거나 시스템 변수에 등록을 해줘야 합니다.

 3. 만약에 JDK 설치가 완료되었는데
해당 메세지가 뜬다면
bit 에 따른 프로그램 실행 EXE 버튼이 다릅니다.
자신에 JDK 비트에 맞는 프로그램을 실행 해야 합니다. 



마무리


시작부터 막히셔서 짜증나셨죠.
설치만하면 개발 탄탄 대로 입니다. 


댓글을 달아 주세요


커맨드 명령어로 폴더안 파일을 삭제 하기 


안녕하세요.
고코더 입니다.


 1. cmd 커맨드 명령어에서
폴더를 삭제하는 방법을 배워 보려고 합니다.
일반적으로는 윈도우에 UI를 활용해 폴더등을 삭제하겠지만
특별한 경우에는 커맨드를 사용하기도 합니다.

폴더 삭제 명령어는 아래 블로그를 참조해주세요.

 2. cmd창에서 아래 명령어를 입력합니다.
del /s "폴더주소" 



 3. 그리고 묻는 메세지에 Y를 다시 입력해주면
아래처럼 파일과 폴더가 삭제 됩니다.


 4. /s 에 대신에 들어가는 옵션은
아래와 같습니다. 
p : 파일을 삭제 전에 확인 메시지를 표시
f : 읽기 전용 파일 강제로 삭제
s : 현재 폴더와 하위 폴더삭제
q : 삭제 확인 메시지가 표시되지 않는다.



마무리


커맨드 입력하다보면 손맛이 일품입니다.


댓글을 달아 주세요


기계식 키보드 한번 누르면 여러번 눌리는 현상


안녕하세요.
고코더 입니다.


 1. 오랜만에 새로운 기계식 키보드를 꺼내들어
사용하는데 이상한 현상이 발견되었습니다.
키를 누르면 연타로 여러번이 한번에 눌리는 현상이 생깁니다. 


 2. 다른 일반 키보드와 동시에 접속시켜보니
일반 키보드는 해당 오류가 없는걸 보아 
하드웨어 문제가 확실하네요.

 3. 그래서 포기 하는 중
특정 커뮤니티 댓글에 이렇게 말씀하시는 분이 계셔서


 4. 메모장을 열고 연타로 눌리는 키를 그냥 계속 눌렀습니다. 저 같은 경우는 한글 키 기준으로 'ㅂ','ㅇ','l','ㄱ' 가 문제가 있어서 이런식으로 각 키마다 1분씩 누르고 있었더니


 4. 결국 키가 계속 눌리는 연타 오류가 해결 되었습니다.
이게 왜 해결 되는건지 이유는 저도 모르겠지만
오래 안쓰다 쓰는 기계식 키보드가 연타 문제가 있다면 

이 방법을 써보심을 추천 드립니다. 
간단하게 해결될 문제면 좋자나요


마무리


휴 A/S 센터 안가도 되겠다.


댓글을 달아 주세요


editplus theme color setting


안녕하세요.
고코더 입니다. 


개발자라면 메모장 보다 에디터플러스를
더 많이 사용하고 있습니다.
에디터 플러스 기본 테마는
익숙하지만 눈을 테러 컬러인건 어쩔 수 없습니다. 

▼ 너무 밝고 상쾌 합니다.



다행히 에디터플러스에서는 테마를 변경할 수 있는 기능이 있습니다.

우선 테마를 받아 보겠습니다.
▼ 여기서 MDT라는 다크 테마를 받아보겠습니다.

mdt.ini


▼ 에디터플러스에서 도구(T) -> 기본 설정으로 이동해주세여


▼ 기본 설정에서 색상-> 가져오기를 클릭합니다.


▼ 그리고 다운 받은 테마 파일을 import 합니다.


▼ 적용 아니면 확인을 클릭 합니다.


▼ 그럼 해당 테마대로 스타일이 변경 되었습니다. 


에디터 플러스 테마는 직접 만드는 방법도 매우 쉽고 
다른 사람의 테마를 적용하기도 쉽습니다.


마무리


어둡게 더 어둡게


댓글을 달아 주세요

  • 2019.10.01 13:14  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  • 카이저 2019.11.06 05:45  댓글주소  수정/삭제  댓글쓰기

    많이 보고 배우고 있는데, 글 쓰는건 처음이네요
    늘 감사드려요
    질문이 있는데요,

    8
    00:02:55,169 --> 00:02:58,081
    서장이 언짢아하겠군

    9
    00:02:59,048 --> 00:03:00,333
    나도 언짢아

    10
    00:03:18,484 --> 00:03:21,396
    어떻게 된 거지, 키택?
    날 실망시키는군

    이런 자막들을 에딧플러스에서 불러와 작업을 하는데요
    번호줄과 시간표시줄과 글자줄을 각각 색상이 다르게 하려면 어떻게 해야 할까요? 일괄적으로요..
    너무 알고 싶어요
    부탁드려요
    그럼 수고하세요,,매일 와서 볼게요..

    • Favicon of https://gocoder.tistory.com 고코더 2019.11.06 17:28 신고  댓글주소  수정/삭제

      자막 파일을 에디터 플러스로 하시는군요
      라인에 색상은 코드가 있는지 없는지에 따라 다릅니다.
      에디터플러스는 자막 수정에 최적화 되어 있지 않습니다.
      그런데 해당 라인들은 모두 특정 기호로 시작하지도 않아서 에디터플러스에서
      원하시는 색상으로 바꾸는건 어려워 보입니다.
      혹시 자막수정 프로그램을 이용 안하시는 이유가 있을까요?

    • Favicon of https://gocoder.tistory.com 고코더 2019.11.06 18:12 신고  댓글주소  수정/삭제

      https://gocoder.tistory.com/1525

      이 프로그램을 사용해보시는건 어떨까요?

  • 카이저 2019.11.06 20:04  댓글주소  수정/삭제  댓글쓰기

    답변 고마워요.
    Subtitle Edit은 이미 최근판까지 다운받아 사용 잘 하고 있어요
    자막을 만들고 수정하고 영상에 붙이는 등등을 다 하고 있죠..
    제가 자막을 수정하는 용도로 에딧플러스를 사용하는게 아니고..에딧플러스에선 구글과 연동해서 자막을 불러오는게 있거든요
    그때 메모장이나 기타 등등 보다는 에딧플러스가 정규식만 좀 알면, 틀린부분이나, 수정할 부분을 일괄적으로 하는게 편해서 사용하고 있어요. 한글도 사용해보니, 것보다 에딧플러스가 제겐 편해서리..후후

    제가 생각하기에도, 좀 어렵게 보이더라구요
    00:03:18,484 --> 00:03:21,396 이 시간 줄만 일괄적으로 색상을 바꿀 수 있으면 좋으련만..

    정규식에서 [0-9] 해서 숫자 삭제하는건 알겠는데..색상을 바꿀려면 정규식 명령어를 아무리 조합해봐도 힘들겠더라구요..

    답변해 주셔서 고맙구요..
    담에도 모르겠는거 있으면 질문 드릴께요
    늘 건강하고 행복하세요


editplus HTML 소스 정렬 기능 설정


안녕하세요.
고코더 입니다. 


에디터플러스의 아쉬운 기능이 두가지 있다면
소스 자동 완성과 정렬 기능 부재가 
없다는게 큰 단점이었습니다.

그런 기능 덕분에 성능이 좋은거겠죠.
그래도 아쉬운걸 대체할 수 있는 방법이 있습니다.

에디터플러스의 소스정렬 기능을 심어보려고 합니다.



▼ 도구에서 기본설정으로 이동해주세요. 


▼ 그리고 사용자 도구에서 추가에서
프로그램을 선택해주세요.


▼ 그 다음 아래대로 데이터를 입력해주세요

소스코드 정렬
C:\Program Files\EditPlus\htmlarg.exe
2t D D D $(CurSel)

여기서 프로그램은 제가 올려놓은 프로그램 위치를 설정해야 하는데요.

▼ 아래 버튼을 눌러서 


▼ 해당 프로그램을 선택해주세요.
저는 에디터플러스 설치된 프로그램 파일 폴더 아래 두었습니다. 
(이렇게 두는걸 추천 드려요)


▼ 그럼 아래처럼 소스코드 정렬이라는 기능이 생겨 있습니다. 


▼ 이 기능을 사용하기 전에는 이렇게
정리가 덜된 소스가 


▼ 깔끔하게 나름의 기준으로 정렬이 되어 있습니다.
HTML 소스만 정리되니 오히려 더 보기 편합니다. 





마무리

손으로 정렬하는게 가장 좋긴 합니다.





댓글을 달아 주세요

  • 개구리 2019.09.18 21:42  댓글주소  수정/삭제  댓글쓰기

    ━━━━━━━━━━━━━━━━━━━━━━━━━━
    HTML code arrangement programm 2.0.2 for EditPlus2
    Programmed by Shin Myeongjin. 25. 8. 2007
    Homepage : http://www.killrain.net
    ━━━━━━━━━━━━━━━━━━━━━━━━━━
    계속하려면 아무 키나 누르십시오 . . .

    <시원하게 싹다 날아가고 이렇게 출력 ㅋㅋㅋ, 팁 : 날아갔으면 실행취소(Ctrl + z)>


데이터베이스 문자열 연결 생성 방법 


안녕하세요.
고코더 입니다.


PHP나 ASP와 같은
언어에서는 DB 연결 정보를 문자열로 입력하여
데이터베이스를 연결 합니다.

▼ 가장 기본적인 ASP의 DB 연결 예시입니다.
set db=Server.CreateObject("ADODB.Connection")
db.Open "Provider=SQLOLEDB;Data Source=데이터베이스주소;Initial Catalog=데이터베이스이름;user ID=사용자ID;password=비번"

이렇게 DB 연결하기전에
필요한 곳에 데이터베이스 정보를 문자열로 기록 합니다.
그런데 저 문자열에는 그저 주소와 계정만 넣으면 되지만
헷갈릴때가 많은데

그럴땐 윈도우에 UDL 이란 파일을 이용하시면 됩니다.

Universal Data Link는 데이터 소스를 연결하기 위해 만들어진 파일 형식입니다.


▼ 윈도우에서 아무 파일을 우선 생성합니다.


▼ 그다음 해당 파일의 확장자를 udl로 변경합니다.
아이콘이 달라지네요. 이 파일을 이제 
실행 합니다.


▼ 그럼 데이터 연결 속성이 나오는데
여기서 공급자에서 원하시는 DB를 선택합니다.
mssql은 SQL Server 이고
오라클은 Oreacle OLE DB 입니다.




▼ 그리고 연결을 선택해
해당 탭에서 접근하고 싶은 정보의 SQL 정보를 입력합니다.
연결테스트로 맞게 입력 되었는지 확인합니다.
그리고 확인을 눌러 마무리 합니다.


▼ 그리고 해당 파일을 메모장이나 에디터플러스로 열어봅니다. 
메모장을 키고 드래그만 하면 볼수 있습니니다.


그럼 SQL 연결 문자열이 완성됐고
이걸 소스상에 입력하면 됩니다.



마무리


이 방법을 몰랐을땐 데이터 베이스 연결 문자열 쓰기가 어려웠는데
지금은 쉽네요.


댓글을 달아 주세요