전체 글25 [웹] 세로선 가로선 만들기 안녕하세요 크로네입니다. 오늘은 웹코딩으로 세로선과 가로선을 만드는 방법을 알려드리겠습니다. 1. 가로선 먼저 가로선을 만드는 방법은 2가지입니다. 첫번째 - HTML 태그를 이용해 가로선을 만듭니다. 위 아래 태그는 내용을 분리하거나 구분할 때 사용할 수 있는 수평 가로선을 만들때 사용하는 태그입니다. 두번째 - CSS 가로로 긴 div 에게 CSS 로 border 를 만들어 줍니다. CSS 로 위와 아래를 구분하는 코드를 만들었습니다. 2. 세로선 세로선은 HTML에서 기본적으로 재공하는 태그가 없기 때문에 CSS로 직접 만들어야 합니다 이렇게 위와 같은 코드를 이용했더니 이렇게 생긴 세로선을 만들수 있습니다. 이상 크로네의 가로선과 세로선 만들기였습니다. 감사합니다. 2022. 11. 6. [Node.js] 데이터베이스 직접 만들기 1편 웹서버 만들기에서 이어집니다... 1편 2편 3편 안녕하세요 크로네입니다. 오늘은 웹서버 만들기 편에 이어서 데이터베이스를 직접 만들어 보겠습니다. 1. 데이터베이스란? 데이터베이스는 말 그대로 데이터를 저장하는 공간입니다. 데이터베이스는 대표적으로 SQL, MongoDB 등이 있는데 이번에는 새로운 데이터 베이스를 직접 만들어 보겠습니다. "아니, SQL 같이 더 좋은것도 있는데 왜 굳이 새로운걸 만드나요?" 왜냐하면 부족한 점이 있을때, 필요한 것이 있을때 업데이트를 기다리는게 아니라, 코딩을 해서 원하는 기능을 바로바로 추가하기 위해서입니다. 2. 모듈이 필요한가? 원래는 db-local 이라는 모듈을 사용하려고 했으나, 기능이 제 마음에 안들어서^^ 그냥 이것도 직접 만들어 보겠습니다. (참고로 .. 2022. 11. 5. [코딩] 코딩 언어들의 주석 안녕하세요 크로네입니다. 오늘은 주석에 대해 공부해 보겠습니다. 코딩에서 주석이란? 코딩에서 주석이란, - 코딩하는 사람(프로그래머)가 기억하거나 메모할때 사용하는 것 - 주석은 사람만 볼수 있고, 결과에는 아무 상관이 없는 코드 입니다. 그래서 많은 언어들의 주석을 알아봅시다. 주석들 C, C#, C++ : /* 주석내용 */ 또는 // 주석내용 HTML : CSS : /* 주석내용 */ JavaScript : /* 주석내용 */ 또는 // 주석내용 Python : # 주석내용 Ruby : =begin 주석내용 =end 또는 # 주석내용 BASH : # 주석내용 Delphi : // 주석내용 또는 {* 주석내용 *} Go : /* 주석내용 */ 또는 // 주석내용 Java, Kotlin : /* 주석내.. 2022. 11. 4. [마인크래프트] 서버 플러그인 만들기 1편 안녕하세요 크로네입니다. 오늘은 마인크래프트 서버에서 플러그인을 만드는 방법을 알려드리겠습니다. 1. 설치 일단 먼저 서버 하나를 열어줍니다. (현재 다른 플러그인은 없습니다) 그리고 IntelliJ 라는 프로그램을 설치합니다. https://www.jetbrains.com/ko-kr/idea/download/ 위의 웹사이트에 들어가서 IntelliJ 를 다운로드 합니다. Ultimate는 유료, Community는 무료입니다. Community는 무료인데도 플러그인을 만드는데에는 무리가 없습니다. 그래서 저는 Community 버전으로 무료 설치해 보겠습니다. 자 이제 설치가 완료되었습니다. 이제 IntelliJ 를 켜서 코딩을 시작해 볼까요? 2. 프로젝트 만들기 IntelliJ의 메인화면입니다. 왼.. 2022. 10. 30. [Node.js] 소켓으로 통신하기 2편 1편: https://kronae.com/entry/Nodejs-소켓으로-통신하기-1편 하지만 아직 부족한 게 남아있습니다. 지금은 연결 되었을 때에만 통신을 하지만, 정말 제대로 통신을 하려면 메시지를 주고 받을 수 있어야 합니다. 1. readline 모듈 readline 모듈은 콘솔에 입력한 글자를 받아올 때 사용합니다. 이 모듈은 nodejs 를 설치하면 기본적으로 같이 설치되는 모듈이기 때문에 socket.io 같이 별도의 설치가 필요하지 않습니다. 2. 실습 - 1 그럼 readline 모듈을 이용해 글자를 받아 볼까요? socketServer.js 와 socketClient.js의 윗쪽에 다음과 같은 코드를 추가합니다. const readline = require("readline"); 그 .. 2022. 10. 27. [Node.js] 소켓으로 통신하기 1편 안녕하세요 크로네입니다. 오늘은 소켓으로 통신을 해보는 코드를 만들어 보겠습니다. 1. socket.io 모듈 socket.io 는 소켓을 이용해 통신할 때 사용하는 모듈입니다. 이 모듈은 기본적으로 설치가 되지 않아서 직접 설치해야 합니다. 먼저 윈도우 + R(맥은 Command + R) 키를 누르고 실행을 열어줍니다. 그리고 여기에 cmd 라고 입력합니다. 그 다음 확인 버튼(또는 Enter키)를 누릅니다. 그럼 명령 프롬프트 라는 창이 나옵니다. 여기에 npm install socket.io 라고 입력합니다. 그 다음 Enter 키를 누르면 socket.io 모듈을 설치합니다. 완료되면 이런식으로 나올겁니다. 이렇게 socket.io 모듈을 설치했습니다. 이제 본격적으로 코딩을 시작해 볼까요? 2... 2022. 10. 25. [Node.js] 웹 서버 만들기 3편 1편: https://kr-onae.tistory.com/entry/Nodejs-웹-서버-만들기-1편 2편: https://kr-onae.tistory.com/entry/Nodejs-웹-서버-만들기-2편 4. FileSystem 모듈 우린 지금까지 웹서버 파일(node.js로 코딩한 파일)에서 웹페이지의 코드를 작성했습니다. 하지만, 웹페이지의 코드가 길면 길수록 웹서버 파일의 길이도 길어집니다. 그렇게 되면 웹서버 파일이 간결하지 않게 되는데요, 이걸 수정하려면 웹서버 파일에서 html 파일의 데이터를 가져오면 됩니다. 그러니까, html 파일과 웹서버 파일을 따로 작성하는것입니다. 이럴 때 사용하는 모듈이 바로 FileSystem, 즉 fs모듈입니다. fs 모듈은 파일을 관리할 때 사용합니다. 5. .. 2022. 10. 19. [Node.js] 웹 서버 만들기 2편 1편: https://kronae.com/entry/Nodejs-웹-서버-만들기-1편 3. 실습 - 2 우린 지금까지 어떤 주소에 들어오든지 HELLO WORLD! 를 출력하게 했습니다. 왜냐하면 아무 조건 없이 무조건 이 메시지를 출력하게 했기 때문입니다. 하지만, 여러 웹사이트에서는 다른 주소로 들어오면 다른 웹페이지가 출력됩니다. 눈치 채신 분도 있겠지만, request.url 을 사용하면 됩니다. request는 요청이죠. request.url은 요청한 URL 을 의미합니다. 지금까지 작성한 코드에는 request.url을 console.log 하는 코드가 있습니다. 이 코드를 지우고 if문을 이용해주면, 다른 주소로 들어왔을때 다른 웹페이지를 출력할 수 있습니다. const http = requ.. 2022. 10. 19. [Node.js] 웹 서버 만들기 1편 안녕하세요 크로네입니다. 오늘은 Node.js 에서 웹 서버를 만드는 법을 알려드리겠습니다. 앞쪽에는 간단한 설명과 예시를 보여드리고, 뒷쪽에서는 더 전문적인 것들도 설명드리겠습니다. 1. HTTP 모듈 일단 http 라는 모듈이 필요합니다. 하지만 이 모듈은 별도의 다운로드 없이 Node.js를 설치하면 같이 설치되서 추가로 다운로드 할 필요는 없습니다. 그럼 이 모듈에 대해 간단히 설명하겠습니다. http 모듈은 통신을 할때 사용 합니다. 하지만 이 모든 기능을 사용하지는 않고, 그 기능들 중 웹 서버를 만드는 기능을 이용할겁니다. 다른 모듈도 있을 수 있지만, 잘 알려진것은 http 모듈이라 검색했을때도 설명같은 것들이 잘 나와서 코딩하기 편할겁니다. 2. 실습 - 1 먼저 http 모듈을 requ.. 2022. 10. 18. 코딩, 무슨 언어부터 시작해야 될까요? 안녕하세요? 크로네입니다. 오늘은 코딩을 시작하는 사람이 읽으면 좋을, 쉬운 프로그래밍 언어를 소개해 드리겠습니다. 3. Python 쉬운 언어라고 하면 이 언어만큼은 빼놓을 수 없는데요, 설치를 해야하지만, 콘솔이 있어 입력할때마다 출력이 되는 언어입니다. 어려운 언어들은 자료형이 어려워 많이 포기하는데요, 자료형을 바꾸는 것 등이 정말 쉽습니다. 쉽다고 하면 1등이기는 합니다. 하지만 속도가 다른 언어에 비해 많이 느립니다. 사람이 느낄 정도는 아니지만, 그래도 느리기 때문에 3등에 선정했습니다. 2. HTML 이 언어는 웹사이트를 만들때 이용하는데요, 글자를 입력할 때 마다 브라우저에서 새로고침만 하면 바로바로 출력이 되어서 좋은 언어입니다. 또 별도의 다운로드 없이 웹브라우저(크롬, 엣지등) 만 .. 2022. 9. 25. 이전 1 2 다음
