Duck's Log Duck's Log

var goGuGu = (line) => { console.log (" 구구단 출력을 시작합니다.. 입력받은 단은 ? ", line); if( !!line === false || !Number.isInteger(line) || line 9 ){ console.log("구구단 입력값이 잘못되었습니다. 1~9 범위 내의 정수를 입력해 주세요."); return; } for(let i =1; i < 10; ++i){ let tempVar = ""; for( let j = 1; j < line+1; ++j){ tempVar += `${j}*${i}=${i*j} `; } console.log(tempVar); } } 사실 사촌동생 과외하려고 예제 만든거.. 코드 작성은 크롬 개발자도구에서..

WWW(World Wide Web)가 세상에 나온 지도 거의 30년이 되었고, 그동안 세상은 눈부시게 발전했습니다. 전화선을 꽂아 쓰던 PC통신의 시대를 넘어 초고속 인터넷이 보급되며 사람들은 누구나 쉽고 빠르게 정보를 공유할 수 있게 되었고, 그와 더불어 IT산업은 폭발적으로 성장하기 시작하였습니다. 2000년대 들어, 소셜 네트워크 서비스들이 등장하면서 인터넷은 정보를 얻는 공간에서 지인들과 나의 일상을 공유하는 일상적인 공간으로 변하였습니다. 사람들은 전화 대신 페이스북으로 안부를 물었고, 쉽게 다른 사람의 소식을 전해 들을 수 있게 되었습니다. 점점 더 많은 사람들이 웹을 통해 인터넷에 접속하기 시작했고, 2010년대 들어 스마트폰을 중심으로 한 모바일 플랫폼이 빠르게 확산되면서 이제 세상은 웹을..

다른분들이 작년 회고록을 올리는걸 보며 쓸까말까 고민하다가.. 결국 시간이 지날수록 녹슬고 왜곡되던 예전 기억들을 떠올리면서 그래도 정리를 해두는게 낫지 않을까.. 싶어 글을 쓰게 되었습니다. 2019년은 저에게 큰 사건들이 많은 해였습니다. 첫 직장을 잡고 사회로 나왔고, 또 독립도 하고.. 회사에서는 실제 서비스를 기획, 개발, 오픈까지 전부 경험했습니다. 올해 제가 겪었던 일들 중 기억나는 순으로 정리해 보겠습니다. 2018년 12월, 비트 전문가반에 들어가다 제가 다니던 학교에 비트 교육센터가 있었기 때문에, 2학년때 처음 비트를 접하고 계속 교육과정을 수강했었습니다. 3학년때 비트 고급 개발자 과정을 수료하고, 또 4학년때 청년 취업 아카데미(줄여서 청취)를 통해 교육을 들었는데요. 청취를 듣던..

Selection : 사용자가 마우스를 통해 드래그&클릭하거나 키보드를 통해 선택한 텍스트의 범위를 나타냅니다. 혹은 유저의 현재 커서 위치(caret)를 나타냅니다. 크롬, IE 등 브라우저에서는 사용자가 선택한 텍스트에 대한 처리를 지원하기 위해 Selection API를 지원하고 있습니다. 특히 Selection과 Range 객체는 특히 위지위그(WYSIWYG) 에디터, 텍스트 리치 에디터등을 구현할때 중요하게 사용되니까 필요하신 분들은 꼭 알아두시기 바랍니다. Selection은 anchor와 focus를 가지는데요. anchor는 텍스트 선택을 시작한 지점, focus는 선택을 끝낸 지점을 말합니다. Selection은 방향을 가질 수 있습니다. 이 말은 텍스트의 왼쪽에서 오른쪽으로, 혹은 오른..

서블릿을 구동시킬 수 있는 WAS인 Tomcat을 리눅스에 설치해보도록 하겠습니다. 1. 톰캣 다운로드 다운로드 wget http://mirror.navercorp.com/apache/tomcat/tomcat-8/v8.5.38/bin/apache-tomcat-8.5.38.tar.gz 압축 해제 tar -zvxf apache-tomcat-8.5.38.tar.gz 폴더를 /usr/local/workspace로 이동 mv apache-tomcat-8.5.38 /usr/local/workspace/tomcat8.5 해당 폴더로 이동 후 잘 옮겨 졌는지 확인합니다. 간략하게 호출하기 위해 링크를 생성합니다. 2. 환경변수 설정 톰캣 또한 전역적으로 명령을 실행하기 위해서 환경변수에 등록합니다. vim 에디터를 사..

기본적인 서버 구동환경 및 서블릿을 구동하기 위한 자바 실행환경을 구축해 보도록 하겠습니다. 1. yum repolist 명령으로 현재 yum의 저장소 구성 상태를 확인합니다. 2.yum에 있는 dependency들을 update합니다. yum update -y 옵션을 주면 업뎃할까요? 라고 안물어보고 알아서 합니다. 3.서버를 구동하는데 필요한 기본적인 패키지들을 설치합니다. yum install crontab -> 특정 시간마다 작동이 가능한 스케줄러입니다. yum install rdate -> 로컬 서버의 시간을 타임 서버(Time Server, 정확한 시간 정보를 제공하는 서버)와 동기화 시킵니다. yum install gcc -> GNU 프로젝트의 오픈소스 컴파일러 컬렉션으로, C계열의 언어를 ..

이전 시간에는 가상머신을 설치하고 거기에 CentOS7을 설치하는 것까지 살펴보았습니다. 이번 시간에는 putty를 통해 가상 머신에 연결된 터미널이 아닌, 외부의 터미널에서 SSH를 사용하여 원격 접속한 후에 명령하는 방법을 알아보겠습니다. 1. putty를 다운 받습니다. --> 링크 2. VirtualBox에 접속해서 해당 가상머신 선택 후 오른쪽 마우스 -> 설정 -> 네트워크 -> 고급 -> 포트포워딩 으로 들어갑니다. 3.호스트 IP에는 접속을 허용할 IP를, 게스트 IP는 가상머신의 ip를 적어주면 됩니다. 포트는 ssh를 통해서 통신할 것이기 때문에 22를 사용합니다. 여기는 127.0.0.1로 되어있지만 저는 127.0.0.22로 설정하였습니다. 4. 가상머신의 ip를 확인하는 방법은 터..

웹 어플리케이션을 개발하다 보면 리눅스 환경에서 구동시켜야 하는 경우가 많습니다. 리눅스는 대표적인 오픈소스 프로젝트로, 오랜 기간동안 개발되어 와서 안정성이 높고, 라이센스 비용이 없다는 점 때문에 많은 회사에서 서버를 리눅스 환경에서 구동시키고 있습니다. 그래서 리눅스 환경에서 잘 배포되는지 테스트 하거나, 환경 변수 등을 건드려야 하는 경우가 종종 생기는데요. 문제는 개발용으로 사용하는 데스크탑이나 노트북은 OS가 순수 리눅스를 사용하는 경우는 드물고, 보통은 Window나 Mac OS를 사용하는 경우가 많습니다. 그렇다고 기존의 Window 환경을 지우고 리눅스를 설치할 수는 없겠죠. 이럴때 윈도우 안에서 다른 가상 OS를 사용할 수 있는 가상 머신을 사용하면 효율적으로 작업이 가능합니다. 1. ..