전체 글
-
자바스크립트 변수 타입웹개발공부 2020. 5. 9. 20:23
코드카데미로 간단하게 자바스크립트를 어떻게 쓰는지 대강 훑어봤고 edwith 강의를 듣기 시작하였다. 자바스크립트 1강에서는 변수 선언과 타입, 간단한 연산자에 대한 설명을 해준다. 강의 중간에 비교 연산자 '=='를 설명해주시면서 자바스크립트 내부적으로 비교하는 값들의 타입을 임의로 변경해서 비교를 한다고 하셨다. '1' == 1; null == undifined; 이런 것들이 모두 true로 나온다. 그래서 '===' 사용을 권장해 주셨다. 그러면서 변수의 타입을 정확히 확인하려면 'toString.call()'을 사용해야 한다고 하시며 관련 문서를 찾아보라고 하셨다. https://stackoverflow.com/questions/10394929/why-does-underscorejs-use-tos..
-
자바스크립트 비동기 처리웹개발공부 2020. 5. 8. 16:26
웹이란 환경은 무수히 많은 클라이언트와 서버들이 정보를 요청하고 응답을 하는 장소이다. 그러하다 보니 평소에 접하는 간단한 프로그래밍(개인 컴퓨터에서 어떤 통신도 없이 데이터를 계산하고 처리하는 프로그램)과는 많이 다르다. 지금까지 동기식으로 코딩을 해왔고 그것 밖에는 몰랐었다. 그래서 비동기 처리 문법을 공부하기에 앞서서 개념적 이해를 해야 할 것 같다. 동기식 처리 작업을 순차적으로 처리 비동기식 처리 비동기화된 작업이 끝날 때까지 기다리지 않고 다음 코드를 진행 자바스크립트는 어떻게 동작 하나? 자바스크립트는 기본적으로 싱글 스레드로 동작을 한다. 웹 환경에서는 동시적인 작업 처리가 필수인데 왜 싱글 스레드인가 약간 의아스럽긴 하였다. 단순하게 생각해서 5가지 일을 동시에 처리하려면 5명의 일꾼이 ..
-
자바스크립트 정적 메서드웹개발공부 2020. 5. 7. 12:05
자바스크립트에서 정적 메서드를 공부하였다. 유틸리티 함수를 만들 때 이걸 쓴다고 하는데 무슨 말일까? https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes/static static static 키워드는 클래스의 정적 메서드를 정의합니다. developer.mozilla.org 대략적인 문법과 주의점은 위 문서를 통해 알 수 있었다. 그렇지만 아직 정적 메서드를 왜 쓰는지 잘 모르겠다. https://webclub.tistory.com/526 Static member of JavaScript 스태틱 멤버 스태틱 프로퍼티와 메서드란 인스턴스에 따라 달라지지 않는 프로퍼티와 메서드 를 말합니다. 클래스 기반 언어에서는 별도의 문법을 통해..
-
자바스크립트 공부웹개발공부 2020. 5. 6. 16:40
이제 자바스크립트를 공부하고 있다. 스크립트 언어답게 익히기 쉬운 것 같다. C/C++처럼 변수 타입과 값의 타입을 신경 쓰지 않아도 되고, 세미콜론은 안 붙여도 실행은 되는 것 같은데 관습적으로 붙이는 걸 권장하는 것 같다. 기초적인 타입과 반복문들은 휙휙 넘기고 오브젝트를 공부하고 있다. 클래스처럼 변수와 함수를 담을 수 있고, 파이썬의 사전처럼 키, 값으로 정의하도록 되어있다. 오브젝트를 공부하는 중에 좀 중요한 개념들은 정리를 해야 할 것 같아서 링크 몇 개를 달아 놓으려고 한다. https://developer.mozilla.org/en-US/docs/Glossary/Global_object Global object A global object is an object that always exi..
-
웹 부스트코스 프로젝트웹개발공부 2020. 5. 5. 12:42
요즘에는 코딩 공부를 하기 너무 좋은 것 같다. 좋은 자료와 툴이 인터넷에 널려있다. 문제는 내가 그걸 적극적으로 학습하고 연습하는 것이다. 코드카데미로 기본적인 것들을 습득할 수 있지만 이론적 틀을 잡기에는 부족하다고 느껴졌다. 그래서 'edwith' (https://www.edwith.org/)라는 학습 사이트에서 제공하는 웹 프로그래밍 수업을 신청하고 수강하였다. 수업 구성은 웹 개발에 대한 간단한 개론적 설명과 html, css, 자바 서블릿 작성법을 간단히 배운 다음, 프로젝트를 진행하면서 실력을 키우도록 되어있다. 나는 개론 수업을 듣고 첫 프로젝트 "홈페이지-BE"를 만들었다. 홈페이지는 html페이지 3개와 서블릿 페이지 1개로 구성되어 있다. 메인 화면이다. 상단에 4개의 버튼이 있고 중..
-
html과 css웹개발공부 2020. 5. 4. 12:00
코드카데미 html과 css 무료 과정을 모두 클리어했다. 처음에 아무 사이트 들어가서 크롬 개발자 도구로 소스코드를 열어 html을 봤을 때, 너무나도 많은 코드에 압도되어 '이걸 어떻게 하지?'라는 생각만 들었다. 그런데 코드카데미에서 제공하는 튜토리얼 비슷한 과정을 거치니까 이제 코드가 눈에 들어오기 시작했다. 지금은 css 레이아웃 설정하는 게 어렵게 느껴진다. 정렬이나 위치 속성 값을 지정해줬을 때 내 생각대로 지정되지 않아서다. 천만다행이게도 이미 좋은 Framework가 존재하는 것 같고 Bootstrap이란 걸 코드카데미에서 사용해보았다. 무한 연습!!
-
코드카데미를 이용한 웹프로그래밍 공부웹개발공부 2020. 5. 3. 20:25
이제 물리학을 그만하고 웹 개발자로 취업을 하기로 마음을 먹었다. 그동안 내 선택에 후회하면서 억지로 꾸역꾸역 대학원 생활을 하였다. 그러는 과정에서 논문을 1편 썼고 또 새로운 논문을 써야 하는 상황에 놓이게 되었다. 그런데, 나는 흥분되고 떨리는 마음보다는 아... 또 그 고통의 시간을 겪어야 하나...라는 생각이 든다. 연구를 하는 과정을 생각해보면 논문을 수집하여 정보를 모으고, 시뮬레이터를 돌려서 데이터를 수집하고 모델을 세운다. 이 모델이 물리학적으로 어떤 의미가 있는지 보여줄 수 있는 예시를 찾으면 1차적인 연구과정이 끝난다. 그다음 과정은 논문을 쓰는 것이다. 이것이 나는 너무 힘들다. 글을 쓰는 건 누구나 다 어려워한다. 그렇지만 누군가의 독특한 취향에 맞도록 글을 쓰는 건 정말 정말 어..
-
(프로그래머스) 코딩테스트 연습 > 해시 > 위장코딩연습 2020. 3. 25. 18:40
스파이들은 매일 다른 옷을 조합하여 자신을 위장해야 한다. 조합할 옷에 관한 정보는 종류와 이름으로 주어진다. 스파이는 최소한 한 개의 옷은 위장에 사용해야 한다. 이 문제는 옷의 개수를 종류별로 세어준다음 경우의 수를 계산해주면 된다. 예를 들어 'a':5, 'b':3, 'c':2와 같이 a타입 5개, b타입 3개 c타입 2개가 있다면 우리가 고를 수 있는 선택지는 6x4x3-1이 된다. 여기서 곱하는 수가 각각의 타입별 옷의 개수보다 1개 더 많다는 것을 주목해야 한다. 왜 1개를 더 세어주냐면 각 타입 별로 선택을 하지 않는 경우를 헤아리기 위함이다. 그리고 1을 빼어주는 이유는 앞의 곱하기에서 모든 타입을 선택하지 않는 경우를 세어버렸기 때문에 그걸 제외시키기 위한 것이다. def solution..