전체 글

새로운 것을 좋아하는 프론트엔드 개발자 ✨
안녕하세요 이전 포스팅에서는 콜백함수와 Promise 패턴에 대해 알아보았습니다. 이번 시간에는 비동기함수(Async function)에 대해 알아보도록 합시다! Node.js에서는 7.6버전부터 지원이 된다고 하니 알아두면 좋을것같습니다! 먼저 비동기함수에 대해 알아보기 전에 프라미스 패턴으로 구현한 간단한 예제를 봅시다. 위 예제는 이름이 비어있지 않으면 **님 반갑습니다! 를 출력하고만약 이름이 비어있으면 이름이 비어있다고 알려주는 예제입니다. 프라미스 패턴으로 구현되어있습니다. 프라미스 작동방식에 대해 이해하셨다면 금방 분석이 가능합니다. 아래 사진은 위 예제를 실행한 결과입니다. 이름이 'Lee' 이므로 정상적으로 출력이 됩니다. 만약 10행에서 'Lee' 대신 ''를 전달했다면 프라미스가 re..
안녕하세요 오늘 포스팅 주제는 자바스크립트의 Promise 패턴입니다! 지난 포스팅에서는 비동기 작업을 위해 콜백 함수를 사용한다고 했었습니다.하지만 콜백 함수는 가독성 등의 단점이 있기 때문에 여러 개선 방법이 있다고 설명했죠 그 중 하나가 프라미스(Promise) 패턴입니다! [예제는 Node.js 환경에서 테스트할 예정이구요 Node.js 뿐만 아니라 웹 브라우저에서 사용하셔도 동일합니다!] 먼저 설명 전 이전 시간에 진행했던 콜백 함수의 코드를 프라미스 패턴으로 동일하게 변경해보도록 하겠습니다! (콜백 함수사용 패턴) (프라미스 패턴) (프라미스패턴 코드 실행 결과, 콜백함수와 동일) 코드를 비교해보면 많이 바뀌었습니다. 하지만 기능은 동일하죠 더 어려워지고, 복잡해지고, 불편해보이실지는 몰라도 ..
안녕하세요 이번 포스팅에서는 자바스크립트의 콜백함수(Callback)패턴에 대해 알아보도록 하겠습니다! 콜백함수를 쓰는이유? 중 대표적인것은 "비동기" 처리를 위해서인데요 콜백함수 뿐만 아니라 프라미스(Promise), Async/Await(비동기함수)도 씁니다. 이번 포스팅은 콜백함수에 대해 알아보도록 하겠습니다! [예제는 Node.js 환경에서 테스트할 예정이구요 Node.js 뿐만 아니라 웹 브라우저에서 사용하셔도 동일합니다!] 자바스크립트의 변수에는 숫자, 문자, 객체 등등을 담을 수 있습니다.심지어 함수까지 저장이 가능합니다. 함수는 자바스크립트에서 일급 객체입니다. https://ko.wikipedia.org/wiki/%EC%9D%BC%EA%B8%89_%EA%B0%9D%EC%B2%B4 일급 객..
안녕하세요 이번 포스팅에서는 강좌를 보고 직접 개발해본 게임을 배포하려고 합니다 대포를 발사할 위치를 선정한 후 파워 조절을 해서 목표물을 맞추는 게임입니다. 목표를 맞추면 가까운 반경의 목표물들이 파괴되고 그에 따라 점수가 올라갑니다. 다운로드는 아래 깃허브 릴리즈 페이지에서 다운로드 가능합니다. https://github.com/leegeunhyeok/Amazing-Bowling/releases 소스코드는 깃허브에 모두 올려두었으니 참고하시길 바랍니다. https://github.com/leegeunhyeok/Amazing-Bowling 감사합니다.
안녕하세요 이번 포스팅에서는 지난 포스팅에 이어서 출력함수검색함수메모리 해제 함수 를 구현해보도록 하겠습니다! 지난시간의 코드에서 조금 수정, 삭제를 해봅시다. 함수 선언 부분에 위와같이 3개의 함수를 선언해줍니다. 함수 이름은 원하시는걸로 하셔도 됩니다.저는 알기 쉽게하기 위해 관련 단어로 조합하였습니다. 선언해두었으면 맨 아래에 구현 부분을 위와같이 작성해줍니다. 메인함수는 위처럼 간단히 수정해줍니다. 기존의 출력 부분은 복사해서 출력함수에아래와 같이 붙여넣기해주세요 출력함수는 벌써 구현이 끝났습니다! 이전시간에 이미 다 만들어놓은것을 함수로 나누기만 했습니다. 이번 포스팅에서 실제 구현할 부분은 검색과 메모리 영역 해제(free) 부분입니다. 검색기능 구현 전에 아래 그림으로 어떻게 구현할지 생각해..
안녕하세요 이번 포스팅에서는 이전 시간에 구현하였던 간단한 연결리스트 예제에서 노드 추가, 삭제 함수를 구현해보도록 하겠습니다! 연결리스트에 대해 개념만 잘 이해하셨다면 금방 이해하실 수 있습니다! 지난번 소스코드를 약간 수정하고 추가를 해봅시다. 메인함수 안의 코드는 머리노드 생성 부분과출력 부분만 남기고 지워주시구요 구조체 선언 아래에 함수 선언을 해주시면 됩니다! 그리고 맨 아래처럼 선언한 함수를 구현하기 위해 준비를 해주세요 지난 시간에도 간단히 설명했던 노드 추가 부분 입니다. 처음 노드는 HEAD 노드라고 칭합니다. 처음 HEAD 노드를 생성하면 다음 노드는 없습니다(NULL) 그래서 HEAD 노드는 다음 노드 주소로 NULL을 가리키고 있죠. HEAD 노드 다음에 새로운 노드를 추가를 한다면..
안녕하세요 C언어(C++)에서의 연결리스트 예제를 통해 어떻게 동작하는지 하나씩 알아보도록 합시다! 연결리스트(Linked list)란? 연결 리스트, 링크드 리스트 는 각 노드가 데이터와 포인터를 가지고 한 줄로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조이다. 이름에서 말하듯이 데이터를 담고 있는 노드들이 연결되어 있는데, 노드의 포인터가 다음이나 이전의 노드와의 연결을 담당하게 된다. https://ko.wikipedia.org/wiki/%EC%97%B0%EA%B2%B0_%EB%A6%AC%EC%8A%A4%ED%8A%B8 간단히 말하자면 하나의 노드(집)가 다른노집드의 주소를 가리키며 이어져나가는 형태로 데이터(사람)를 저장하는 자료구조입니다. 1번집에는 철수 2번집에는 짱구 3번집에는 훈이 ..
안녕하세요! 그래픽 카드를 제외하고 모든 부품을 구매하였습니다! 조립하는 김에 사진으로 찍어서 포스팅하게 되었습니다! 조립할 시스템 사양은 아래와 같습니다CPU 인텔 코어 i5-8500 3.0Ghz(4.1Ghz) RAM AVEXIR DDR4 16G PC4-19200 CL16 RAIDEN (8Gx2) M/B MSI B360M 박격포 티타늄 HDD WD 1TB BLUE WD10EZEX (SATA3/7200/64M) SSD 삼성전자 850 SATA3 120GB 파워 POWEREX REX III 500W Triple V2.3 쿨러 DEEPCOOL GAMMAXX 400 WHITE BASIC 케이스 BRAVOTEC 디파이 B40 화이트 다음달중에 그래픽카드를 구매한다면 다시 수정하여 올리도록 하겠습니다. 2019-..
· 기타/Git
안녕하세요 이번 포스팅에서는 깃허브(Github)에 나만의 저장소를 만들고 만든 저장소에 코드나 파일을 업로드하는 방법에 대해 알아보도록 하겠습니다! 먼저 컴퓨터에 깃(Git)이 설치되어있어야합니다!http://codevkr.tistory.com/45 1. Github 가입하기 https://github.com/ 위 링크에 접속하셔서 깃허브에 가입해주세요 2. Github에 저장소 만들기 로그인 하신 후 우측 상단에 보면 프로필 아이콘과 화살표 아이콘이 있습니다. 눌러보시면 아래와 같이 드롭다운 메뉴가 표시됩니다. 여기서 Your profile을 눌러서 여러분들의 프로필로 이동하시면 됩니다. 프로필로 오시면 생성한 저장소(Repositories, 레포지토리)들이 보입니다.저는 이전에 여러개의 저장소를 만..
· 기타/Git
안녕하세요 이번 포스팅에서는 윈도우 환경에서 깃(Git) 설치하는 방법에 대해 간단히 알려드리도로 하겠습니다. 리눅스 또는 맥 사용자분들도 설치할 수 있으나 방법이 다르기 때문에따로 찾아보시면 됩니다! 깃 설치 https://gitforwindows.org/ 접속하셔서 다운로드받습니다. exe 실행파일을 다운로드 받으셨으면 실행시켜서 설치하면 됩니다! 설치가 완료되면 바탕화면이나 폴더 안에서 우클릭을 해보세요! 위와같이 Git GUI Here, Git Bash Here가 추가되어있으면 정상적으로 설치된것입니다! 다음 강좌에서는 깃허브(Github)에 저장소를 만들고 코드(혹은 파일)을 업로드하고 관리하는 방법에 대해 알아보도록 하겠습니다. 감사합니다.
이근둥
근둥이의 블로그