전체 글
-
AWS Lambda 에서 NumPy, Pandas 쓰는 법DSC 프로젝트/챗봇 만들기 2020. 2. 24. 19:58
내가 활동하고 있는 DSC 동아리에서 챗봇 프로젝트를 진행하기로 했다. 프로젝트 주제는 유저에게 맞춤 비타민을 추천해주는 것. 증상이나 고민을 물어보고, 필요한 비타민 종류를 말해줄 뿐만 아니라, 성별/나이대등을 받아서 그에 맞는 비타민도 추천해 주는 비타민 추천 챗봇이다. 사용한 기술 스택은 Python3.7, AWS Lambda, AWS API Gateway, 카카오 i 오픈빌더. 카카오 i 오픈빌더, AWS Lambda, API Gateway 를 활용하면 카카오톡 채널에 serverless 챗봇을 쉽게 만들 수 있다. 우리는 비타민 종류와 그 해당 비타민이 결핍시 생기는 증상을 csv 파일로 정리한 후, pandas로 csv 파일을 읽어서 사용자가 말한 증상을 입력하면, 필요한 비타민의 종류들을 출..
-
[부스트 코스] CSS 기초 문법 (우선순위, 선택자, 레이아웃 구성)CS기초/웹 2020. 2. 13. 00:58
* 이 글은 부스트코스의 웹 프로그래밍 강좌를 수강하고 작성되었습니다. https://www.edwith.org/boostcourse-web/joinLectures/12952 [부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 1. CSS 선언 방법 CSS 선언방법은 다음과 같다. 괄호 { } 는 객체를 표현한다. 그 안에 따옴표 없이 프로퍼티 이름을 쓰고 값을 준다. 스타일을 HTML 페이지에 적용하는 세가지 방법이 있다. inline : HTML 태그 안에다가 넣는 방법 internal : head 안에 바로 style 태그로 지정한다. 구조와 스타일이 섞이게 되므로 유지보수가 어렵다. 별도의 CSS파일을 관리하지 않아도 되며 서버에 CSS파일을 부르기 위해..
-
[부스트 코스] HTML - FECS기초/웹 2020. 2. 6. 13:45
[부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 1. HTML Tags 태그란, HTML 문서를 구성하는 명령어다. 링크나 이미지, 목록, 제목 등 HTML 을 구성하는 것들에 태그를 단다. 태그의 종류는 매우 많기 때문에, 구글링해서 참고할 수 있다. https://www.w3schools.com/TAGS/default.ASP 를 보면, 태그들이 나와있다. 2. HTML Layout 태그 레이아웃을 구성하는 태그에는 다음과 같은 것들이 있다. header section nav footer aside article 이들은 각각 다음과 같이 구성된다. 사실 이름만 저렇지, div 랑 똑같이 처리되기는 한다. 위의 레이아웃 태그들은 HTML5 부터 나와서 IE ..
-
[부스트 코스] 웹 개발의 이해 - FE/BECS기초/웹 2020. 2. 6. 01:55
* 이 글은 부스트 코스 웹 프로그래밍 강좌를 듣고, 작성되었습니다. https://www.edwith.org/boostcourse-web/joinLectures/12952 [부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 1. 웹 프로그래밍을 위한 프로그램 언어들 저급언어 : 기계 중심의 언어 고급언어 : 사람 중심의 언어 컴파일러 : 어셈블리어를 기계어로 바꿔줌. 또는 소스코드를 기계어로 번역해주는 도구 컴퓨터, 즉 기계가 직접 알아들을 수 있는 0과 1의 2진수로 이뤄진 값으로 작성하는 프로그래밍 언어를 기계어라고 한다. 기계어는 사람이 프로그래밍하기 굉장히 어렵기 때문에, 이 기계어의 숫자와 1:1 대응시킨 기호를 만들고, 이 기호로 프로그래밍을 하게 ..
-
[Javascript 초급] 객체와 배열, 함수의 기초프로그래밍 언어/Javascript 2020. 2. 3. 15:10
자바스크립트는 원시 타입을 제외한 모든 값이 객체다. 객체는 객체 리터럴과 생성자로 생성할 수 있다. 객체에 포함된 데이터 하나(이름과 값의 쌍)을 가리켜 객체의 프로퍼티 라고 한다. 프로퍼티의 이름 부분은 프로퍼티 이름 또는 키 라고 한다. 1. 객체 - 객체 리터럴 객체 리터럴로 객체 생성은 다음과 같이 한다. var card ={ suit:'하트' , rank='A'}; 프로퍼티 추가와 삭제가 가능하다. card.value=14; delete card.rank; in 연산자를 이용해 프로퍼티가 있는지 확인 가능하다. ( card 객체와, 그 객체가 상속받은 모든 프로퍼티를 검사한다.) console.log("suit" in card); // -> true 객체 타입의 값을 변수에 대입하면, 그 변수..
-
[Javascript 초급] 이벤트 처리기 등록하기프로그래밍 언어/Javascript 2020. 1. 30. 15:43
웹 브라우저에서 동작하는 프로그램은 주로 이벤트 주도형 프로그램이다. (당연 자바스크립트로 작성된 프로그램이 이에 해당) 이벤트 처리기란 이벤트가 발생했을때 실행되는 함수로, 콜백 함수라고도 부른다. 자바스크립트의 핵심인 비동기는 이 콜백함수로부터 비롯된다고 볼 수 있다. 비동기란, 코드를 짠 순서대로 처리되지 않는 것을 말한다. 반대로, 동기는 코드를 짠 순서대로 처리되는 것을 말한다. 이벤트 처리기를 등록하는 세가지 방법을 정리해 보겠다. HTML 요소의 속성으로 등록하는 방법 DOM 요소의 프로퍼티로 등록하는 방법 addEventListener 메서드를 사용하는 방법 1. HTML 요소의 속성으로 등록하는 방법 다음은 click 버튼을 누르면 콘솔에 현재시각을 표시하는 코드이다. 이벤트 처리기 속성..
-
2020년 삼성 SDS 동계 대학생 알고리즘 특강 후기후기/본업 2020. 1. 22. 14:39
어느날 페이스북에서 피드를 보다가 삼성 SDS에서 알고리즘 특강을 한다는 글을 보았다! 3학년 2학기, 나는 당시 알고리즘 수업을 듣고있었는데, 학교에서 배우는 것은 성에 차지 않았다. 그래서 현직자 분에게, 좀더 꼼꼼히 코드리뷰도 받고, 심화된 알고리즘을 배울 수 있는 좋은 기회인 것 같아서 바로 신청했다. 상시 SW A 등급 이상이면 입과테스트 면제이나, 나는 없었기 때문에 입과테스트 응시를 하였다. 총 5문제였고, 체점서버는 엘리스 코딩(?) 을 사용한 것 같았다. 나는 5문제중 2문제를 맞췄고, 한문제는 60점 정도를 받았다. 내 기준으로 3문제는 아무렇게나 풀어도 로직만 맞으면 되는 문제였던것 같고 나머지 두문제는 시간초과가 나지 않게 어떤 의도한 알고리즘으로 풀어야 됐었던것 같다. 내가 60점..
-
[부스트코스]웹의 동작 원리(HTTP 프로토콜의 이해)CS기초/웹 2020. 1. 19. 23:46
*이 글은, 아래 부스트코스의 웹프로그래밍 강의를 듣고 작성되었습니다. https://www.edwith.org/boostcourse-web/lecture/16661 [LECTURE] 2) 웹의 동작 (HTTP 프로토콜 이해) : edwith 들어가기 전에 사람과 사람이 전화 통화를 하기 위해서도 몇 가지 규약이 필요합니다. 서로 알아들을 수 있는 말을 사용해야 하며, 한쪽이 말할 때 다른 쪽에서는 들어야 합니다. 또한... - 부스트코스 www.edwith.org 인터넷과 웹 WWW(World Wide Web). 간단히, 웹(Web)이란 인터넷 상에 연결된 사용자들이 서로의 정보를 공유할 수 있는 무형의 네트워크 공간을 의미한다. 웹은 인터넷 상에서 텍스트나 그림, 소리, 영상 등과 같은 정보를 하이퍼..