본문 바로가기

Coding

(271)

GUI vs CUI Coding/코딩잡담 GUI vs CUI 일단 CUI(character user interface)의 대표적인 예시가 DOS인데... 이게 뭐냐면 대충 이런거다. 이 창은 윈도우가 GUI라서 파워셸 안쪽만 CUI지만, DOS는 그런거 없고 상남자의 CUI다. 그럼 GUI는요? 지금 윈도우 바탕화면 한번 보자. 아이콘 있지 마우스 커서 있지 바탕화면 이미지 있지 작업표시줄 있지. 다 그래픽으로 나오잖음? CUI는 그래픽으로 나올법한 요소들이 죄다 글자로 나오는거라 폴더 한 번 이동하는데 명령어 쳐야돼 복사도 명령어 쳐야돼 삭제도 명령어 쳐야돼... (악마의 명령어 rm -rf *를 생각해봅시다) 예전에는 CUI여도 와 386! 이러면서 썼지만 요즘 OS는 거진 GUI다. 그럼 CUI는 아예 안 쓰나요? 아니 그건 아님. 요즘 리눅스도 GUI를 지.. 2022. 11. 17. 23:38
자바스크립트에도 정규식이 있다고??? Coding/JavaScript 자바스크립트에도 정규식이 있다고??? https://koreanraichu.tistory.com/118 정규식(Regular Expression)-기호와 메타문자 문자 찾는 것 자체는 find()도 해주는데, 얘는 딱 정확하게 일치하는 문자열만 찾아준다. 그럼 정규식은? 그건 대충 와일드카드같은 거다. 그러니까 find()는 소라빵 찐빵 팥빵 붕 koreanraichu.tistory.com 여기서 정규식이 대충 와일드카드 같은거고(글은 분량상 두개로 나눴음) 파이썬에서는 re모듈을 쓴다고 했는데, 사실 파이썬 뿐 아니라 자바스크립트에서도 정규식을 쓸 수 있다. 정규표현식, 그러니까 정규식은 파이썬만의 전유물이 아니기때문에 다른 언어에서도 사용하는 방법이 다를 뿐이지 일단 쓸 수는 있다. 정규식에 대해 설명하면서 대충 '와일드카드 같은 것'이.. 2022. 10. 27. 01:00
Coding/코딩잡담 컴파일러와 인터프리터 왜 가끔 보면 어떤 언어는 컴파일러, 어떤 언어는 인터프리터...라고 하는데 이게 뭔지 궁금하지 않음? 대체 이 둘이 무슨 차이길래??? 자 일단 기본적으로 아셔야 할 게 있다. 프로그래밍 언어에는 저급 언어와 고급 언어가 있는데, 기계어와 어셈블리어는 저급 언어이고 나머지는 다 고급 언어다. 이게 연식이 오래돼면 저급 언어인가요? 놉. 그럼 포트란 베이직도 저급이게? 그게 아니라, 저급 언어인 기계어와 어셈블리어는 컴퓨터 입장에서 이해하기 쉬운 언어고 고급 언어는 사람 입장에서 이해하기 쉬운 언어다. 대체 어째서 우리는 010100010010 이렇게 쓰면 모르지만 컴퓨터는 반대로 print('Hello, World!') 하면 모른다. 그럼 프로그래밍이 안되는 거 아니냐고? 아니 근데 다들 하잖아요. 예.. 2022. 10. 21. 03:18
Coding/JavaScript for, for in, for of, forEach Python에는 for와 while이라는 반복문이 있고, 이 둘은 범위냐 조건이냐의 차이만 빼면 반복문이라는 기본 골자는 같은데, 이런 게 자바스크립트에도 당연히 있다. 라디오버튼 뺑뺑이 돌면서 얘가 뭘 체크했나 보는 것도 반복문의 일이기 때문. 그런데 이 반복문... Python처럼 심플하지 않아요... for, for in, for of See the Pen for, for in, for of by koreanraichu (@koreanraichu) on CodePen. 얘네들은 Pyhlogenic tree로 치자면 그 트리가 막 갈라지는 와중에도 진화적으로 매우 유사한 homolog이기 때문에 또이또이 쌤쌤임을 인정받은 애들... 맞는 비유인지는 모르겠지만, 자매나 형제같은 느낌이다. 그래서 형식 .. 2022. 10. 11. 02:46
Coding/코딩잡담 SI 접두어와 컴퓨터 용량 SI 접두어라고 보통 단위에 붙이는 게 있다. 킬로 밀리 센티 이런거 말하는 거 맞음... 근데 이게 콤퓨타 용량이랑 뭔 상관? 아니 메가바이트 키로바이트 다 접두언데 왜 상관이 없어... SI 접두어 외장하드, USB, SSD와 같은 저장 장치에서는 이쪽을 쓴다. 그런데... 1TB라고 해서 연결했는데 왜 900얼마 뜸?? 용량 떼먹었음? 놉. 그런건 아니고, 사람은 1000단위로 올라가지만 컴퓨터는 손가락이 두 개라 2의 n승으로 올라가서 그렇다. 그것때문에 아래에 있는 이진 접두어가 생겼다고... 1. 비트: 0 or 1로 이루어진 정보의 최소 단위. SI 접두어는 스케일이 큰 쪽도 있고 작은 쪽도 있지만 밀리비트 마이크로비트 이런 건 없다. 2. 바이트: 1Byte = 8bit 3. 킬로바이트: .. 2022. 10. 10. 01:14
SMILES Coding/코딩잡담 SMILES SMILES? Simplified Molecular Input Line Entry System의 약어. 네? 스마일 그 캐릭터 아니냐고요? 그럼 내가 여기다 글을 쓰겠수... 이건 우리가 진통제로 많이 먹는 아세트아미노펜이다. 사람은 저걸 보면 O, H, N때문에 으아악 안돼 하지만 컴퓨터 입장에서 저건 그냥 배열 덩어리다. (python으로 이미지 불러오면 배열로 나온다) 워드클라우드에서 마스킹 이미지(흰 바탕에 검정 이미지) 안에 글자를 깔끔하게 넣어줄 수 있는 비결이 바로 흰 바탕에 검정 이미지를 255와 0으로 된 배열로 가져오기 때문. (투명 바탕이면 안되더라...) 그래서 컴퓨터한테 이게 분자야라고 하면 컴퓨터는 미쳤습니까 휴먼? 이건 그냥 그림인데요? 한다. 쟤는 좀 간단하지? 닥터 프리즈너.. 2022. 10. 6. 03:40
불 대수와 논리게이트 Coding/코딩잡담 불 대수와 논리게이트 나도 막 그렇게 디테일하게 아는 건 아닌데 이걸 대체 어떻게 아냐면 수능에 저게 나왔었음... ㅋㅋㅋㅋㅋㅋ 놀랍게도 실화입니다. 그래서 직탐 등급 잘 받으려면 첫번째로 엑셀(if랑 룩업계열), 두번째로 HTML(...), 세번째로 베이직(VB 맞음), 네번째로 이걸 잘 해야 함... 베이직은 뭐 수능시험장에서 코테 치는 것도 아니고 코드랑 초기 변수 주고 이거 다 돌면 뭐됨? 이런 식으로 나왔습니다. 불 대수 왜 그... 프로그래밍 언어를 공부하다보면 자료형이 나온다. 인트 플로트 문자열(스트링) 그리고 꼭 개근하는 자료형이 바로 Boolean인데... 왜 그거 있잖음. True AND False = False. 이 T/F를 지지고 볶는게 논리 연산이라고 보면 된다. 그래서 논리게이트의 진리표 자체는 불.. 2022. 9. 26. 03:00
Coding/코딩잡담 chmod가 뭐지? Reference https://recipes4dev.tistory.com/175 리눅스 chmod 명령어 사용법. (Linux chmod command) - 리눅스 파일 권한 변경. 1. 리눅스 파일 사용 권한 리눅스에서, 파일(File)을 사용해 할 수 있는 작업은 크게 세 가지로 나눌 수 있습니다. 파일에 저장된 데이터를 읽기. (r = read). 파일에 데이터를 쓰기. (w = write). 파일 실 recipes4dev.tistory.com 자, 이게 뭐냐... 를 설명하기 전에 한가지 예시를 들어보자. 우리 전전전직장은 사규나 서류 양식, 실험 보고서 등을 각 폴더에 보관해두고 거기에 사원들이 접근할 수 있게 권한을 줬다. 부서가 좀 많이 있는데 내가 소속한 부서는 연구개발팀부였고 QC쪽도 .. 2022. 9. 23. 22:02
Coding/Python Python으로 60갑자 뽑기 참고로 60갑자가 뭔지 궁금하면 달력을 보자. 올해는 임인년이라 인월 인일 인시에 사인검 하나 나온다. (인년 인월 인일 인시 해서 사인이라 사인검이다) 60갑자는 천간 10개와 지지 12개로 이루어지는데... 어? 뭐임? 하나 할인해요? ㄴㄴ 10과 12의 최소공배수가 60임다. 천간: 갑을병정무기경신임계 지지: 자축인묘진사오미신유술해 이렇게 된다. 뒤에 있는 지지가 여러분의 띠이기도 하다. 내가 태어나는 해에도 당연히 갑자가 있고 이게 60년마다 한번씩 돌아오기 때문에 환갑 = 61세(만 60세)에 치른다. 또한 지지가 12개이기때문에 띠동갑은 12살이다. cheongan = ['갑','을','병','정','무','기','경','신','임','계'] * 12 gigi = ['자','축','인','묘'.. 2022. 9. 23. 02:31
매우 간단한 스크롤 이벤트를 해보자 Coding/JavaScript 매우 간단한 스크롤 이벤트를 해보자 addEventListener에 대해 설명하면서 스크롤 이벤트도 '있다'고 했는데, 이건 말 그대로 마우스를 스크롤했을 때 일어나는 이벤트이다. 그게 다다. Reference https://velog.io/@dunde/Javascript-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%9D%B4%EB%B2%A4%ED%8A%B8 Javascript 스크롤 이벤트 web에서 발생하는 스크롤 이벤트를 이용해 다루는 방법을 써보았습니다. velog.io https://velog.io/@dunde/Javascript-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%9D%B4%EB%B2%A4%ED%8A%B8 Javascript 스크롤 이벤트 web에서 발생하는 스크롤 이벤트를 이용해 다루는 방법을.. 2022. 9. 21. 16:27
스택과 큐 Coding/코딩잡담 스택과 큐 자료구조 하면서 많이 들어봤다 그죠? 그겁니다. 네. 이거 진짜 생각보다 간단하다. 아니 진짜임. 쉽게 말하자면 스택은 부페 접시고, 큐는 대기열이다. 회계로 치자면 스택은 후입선출법이고, 큐는 선입선출법이다. 회계에서 물건 들어오고 나간 걸 기장하는 방식 중에 선입선출법, 후입선출법이 있다. 이건 뭐냐면 먼저 산 물건이 먼저 나간걸로 기장하느냐, 나중에 산 물건이 먼저 나간걸로 기장하느냐의 차이. 예를 들어서 내가 어제는 카스테라 100개를 하나당 1000원에 샀고, 오늘은 카스테라 100개를 하나당 900원에 샀다. 그리고 150개를 팔았을 때 선입선출법은 어제 들여온 천원짜리 100개+오늘 들여온 900원짜리 50개가 나가고 후입선출법은 오늘 들여온 카스테라 900원짜리 100개+어제 들여온 카스테.. 2022. 9. 19. 16:58
Coding/JavaScript DOM 선택하는 방법 (부제: 너로 정했다?) DOM은 Document Object Model의 약어로, XML이나 HTML에 접근하기 위한 일종의 인터페이스이다. 자바스크립트는 프론트엔드에서 많이 사용하는 언어의 특성인지는 모르겠지만 아무튼 이 DOM들을 지지고 볶는 게 가능하다. 이벤트 추가는 기본이고 생성 삭제 CSS 클래스 부여까지 다 된다. 남자친구 못 만드는 것만 빼면 만능... 어차피 여욱이도 못 구함 질량이 0이라 document.querySelector() 얘는 같이 다니는(?) 친구가 하나 있는데 바로 querySelectorAll()이다. 그럼 같은 역할인가요? 기본적으로는 그렇다. 기본적으로는 그런데 친구인 쿼리셀렉터올은 해당하는 요소를 죄다 가져온다. 예를 들어서 어떤 문서에 p태그가 6개 있다 그러면 쿼리셀렉터는 맨 위에꺼 .. 2022. 9. 19. 16:05