분류 전체보기
-
자바스크립트 Built-In 내장객체JavaScript 2020. 9. 8. 18:31
🎯 자바스크립트 빌트인 객체를 알아본다. 객체의 프로퍼티와 메소드 객체는 프로퍼티와 메소드를 사용해서 표현한다. 프로퍼티는 객체의 상태를 저장하는 변수를 뜻하며 메소드는 객체의 동작을 지정하는 함수를 의미한다. 자바스크립트는 객체 생성시 생성자 함수를 사용하며 런타임시 객체에 멤버를 동적으로 추가할 수 있다. 내장객체란? 내장(built-in)객체는 자바스크립트 시스템에서 정의된 객체로 그냥 불러서 사용할 수 있다. 데이터 관련 객체와 브라우저 관련 객체, HTML 관련 객체(DOM)가 있다. 데이터 관련 객체 String 객체 문자열과 관련된 데이터를 관리하는 객체로 new를 이용해 객체를 생성하거나 var str = new String(“hello”); 리터럴을 이용해 객체생성을 할 수 있다. var..
-
자바스크립트 함수 선언, 콜백, 호출 스케줄링JavaScript 2020. 9. 7. 21:12
🎯 자바스크립트 함수선언 방법, 고급함수, 유틸리티 함수를 알아본다. 함수의 정의 방법 3가지 선언적 정의 방법(이름있는 함수) 함수 선언식은 코드 안에 독자적인 구문 형태로 존재하며 함수명을 반드시 정의해야 한다. 매개 변수가 없는 경우 function func1() { alert("javascript") } 매개 변수가 있는 경우 function func2(name) { document.write(name + "님 안녕하세요."); } 리턴 값이 있는 경우 function func3(value) { var ans; ans = value + 200; return ans; } 함수 생성 시점 func4(); function func4(){ ... } 선언식 함수는 프로그램 컴파일 단계에서 생성되기 때문에..
-
51 CONFERENCE 리뷰📢 Events 2020. 9. 6. 21:57
글로벌 IT 기업에서 일하고 계신 연사님들의 커리어패스 경험담을 들을 수 있는 51 컨퍼런스 온라인 강연을 들었다. 참가자들은 슬랙 채널을 통해 실시간으로 연사님들과 Q&A를 주고받고 네트워킹할 수 있었다. 외국에서 주니어로 커리어를 시작하신 분들의 이야기가 가장 궁금했기 때문에 실리콘밸리 세션의 정승우 연사님과 베를린 세션의 이수진 연사님의 강연이 큰 도움이 되었고 모든 연사님들이 취업준비에 가장 기본적으로 필요한 내용을 말씀해주셔서 유용한 시간이었다. 취업에 관련된 내용만 세 가지로 요약해봤다. 네트워킹 현지에서 발로 뛰며 네트워킹했던 연사님들의 경험담이 가장 흥미로웠고 큰 자극이 되었다. 어떻게든 행동해야 기회가 온다. 행동하지 않으면 0이다. 정확한 타겟을 정하고 적극적으로 네트워킹하는 게 중요하..
-
JavaScript - 미니 챗봇 🤖🚀 Projects 2020. 9. 3. 23:04
Chat-Bot 😀 Hi, Nice to meet you. xianeml.github.io 단방향 소통만 가능한 미니 챗봇 페이지를 만들었다. 앞으로 멋진 쌍방향 챗봇이 될 것이다. 사용언어 HTML, CSS, JavaScript 화면 구성 1. 질문 Change Character 버튼을 누르면 이모지의 캐릭터를 랜덤으로 변경할 수 있다. 2. 입력창 텍스트를 입력하고 Send 버튼을 누르면 입력창이 리셋되고 새로운 질문을 가져온다. 리뷰 1. 이제 버튼을 누르면 랜덤으로 리스트에서 값을 가져오는 방법에 너무 익숙해졌기 때문에 다음 단계를 생각해봐야 한다. Send 버튼을 누르면 input 값을 저장해서 화면에 띄워주도록 만들어봐야겠다. 새로운 페이지에 대화창을 만들어서 채팅처럼 핑퐁대화가 될 수 있는 ..
-
HTML/CSS - 미니 포트폴리오 페이지🚀 Projects 2020. 9. 2. 23:54
Mini-Portfolio 새로운 것을 배우고, 만들고, 공유하기를 좋아합니다. 많은 사람들과 연결되어 멋진 프로젝트에 기여하고 싶습니다. xianeml.github.io 일주일간 만든 프로젝트들을 한 눈에 모아서 볼 수 있는 간단한 포트폴리오 페이지를 만들었다. 사용언어 HTML, CSS 화면 구성 1. 타이틀 텍스트 애니메이션 라이브러리(ztext.js)를 타이틀에 사용해봤다. 마우스를 올리면 약간 움직이는 효과를 볼 수 있다. 2. 프로필 프로필 사진과 간단한 소개글을 넣었다. 3. 기술 숙련도와 취미 공부하고 있는 언어와 프레임워크를 나열하고, 프로그레스 바로 숙련도를 나타냈다. 4. 프로젝트 프로젝트 완성 후 박스에 캡쳐 이미지를 넣어서 링크할 예정이다. 리뷰 1. 프로필 이미지 테두리 색상에도..
-
JavaScript - 카페 알바 게임 ☕🚀 Projects 2020. 9. 1. 18:27
카페알바 게임 주문받기 메뉴 : coffee Espresso 에스프레소 : 2샷 Americano 에스프레소 : 2샷 물 : 1컵 Caffe Latte 에스프레소 : 2샷 우유 : 1컵 0 샷 에스프레소 0 컵 물 0 컵 우유 제조완료 다시하기 xianeml.github.io 자기전에 갑자기 생각나서 일어나자마자 하루종일 재밌게 만들어본 커피 만들기 게임이다. 사용언어 HTML, CSS, JavaScript 계획 간단한 기능과 디자인만 생각해봤다. 생각한 대로 거의 다 만들어내긴 했다. 1. 주문받기 버튼을 눌러 3가지 메뉴 중 하나를 랜덤으로 받는다. 2. 커피 만들기 제시된 레시피를 참고하여 재료 버튼을 클릭해서 커피를 만든다. 3. 제조완료 제조완료 버튼을 누르면 주문받은 커피와 비교해서 레시피 내..
-
파이썬 기초 6. 클래스와 상속PYTHON 2020. 8. 31. 22:13
🎯 파이썬 클래스와 상속을 알아본다. 클래스 프로그램이 커지면 유지보수를 위해 클래스로 코드를 구조화하고 서로간의 결합을 느슨하게 해야한다. 클래스를 이해하기 위해서 객체지향 프로그래밍을 설명한 글을 먼저 참고하는 게 좋다. 클래스 선언 class UserInfo: pass 사용자 정보(객체)를 찍어낼 큰 틀(클래스)를 먼저 만든다. 이 틀 하나만 있으면 아주 다양한 사용자를 쉽게 생성할 수 있다. 클래스 이름의 첫 글자는 대문자로 선언한다. 어떤 내용도 작성하지 않고 pass 키워드를 쓰면 일단 에러없이 코드를 실행할 수 있다. 클래스 최초 초기화 class UserInfo: def __init__(self): print("초기화") user1 = UserInfo() 클래스는 속성과 메소드로 구성된다...
-
파이썬 기초 5. 함수와 람다식PYTHON 2020. 8. 30. 23:47
🎯 파이썬 함수와 람다식을 알아본다. 함수 정의와 함수 호출 def function_name(parameter): # code function_name() def hello(world): print("Hello, ", world) hello("Python!") hello(123) 함수는 코드의 중복을 피하기 위해 사용한다. 어떤 동작을 하는지 쉽게 알아볼 수 있도록 하나의 기능을 하나의 함수로 만드는 게 좋다. def 키워드를 사용해 함수를 선언한다. 함수 호출 시 인자로 내용을 전달하면 함수에서 파라미터로 인자를 받아서 그대로 코드에 사용할 수 있다. 호출형태는 함수명( ) 이다. 리턴이 있는 함수 def hello_return(world): value = "Hello, " + str(world) re..