전체 글35 인터프리터와 컴파일러 프로그래밍 언어는 저수준 언어(Low-level) 에서 고수준 언어(High-level)까지 나눠볼 수 있다. 컴퓨터는 0101로된 2진법의 숫자만 이해할 수 있는데, 이를 기계어(Machine Code)라고 한다. 어셈블리어(assembly language)는 기계와 일대일 대응이 되는 컴퓨터 프로그래밍의 저수준 언어이다. 컴퓨터의 구조에 따라 사용하는 기계어가 달라지며 기게어에 대응되어 만들어지는 어셈블리어도 각각 다르게 된다. 다양한 프로그래밍 언어는 다양한 상황에서 성능적 차이를 보완하기 위해 등장하게 되었다. 1. 컴파일러 컴파일러는 프로그래밍 언어의 번역기로 고수준 프로그래밍 언어를 머신코드로 바꿔주는 역할을 한다. 컴파일러의 단점은 머신코드를 사람이 이해할 수 없다는 데서 출발한다. 컴파일러.. 2021. 1. 26. V8 엔진이란 무엇인가 V8이란 V8은 웹 브라우저를 만드는데 기반을 제공하는 오픈소스 자바스크립트 엔진이다. ECMAScript 규격의 C++로 작성되었으며, 자바스크립트를 바이트코드로 컴파일하고 실행하는 방식을 사용한다. ( JIT ) 자바스크립트 엔진이란 자바스크립트 엔진은 자바스크립트 코드를 실행하는 프로그램 혹은 인터프리터를 말한다. 자바스크립트 엔진은 표준적인 인터프리터로 구현될 수도 있고 혹은 자바스크립트 코드를 바이트코드로 컴파일하는 JIT( just - in - time ) 컴파일러로 구현할 수도 있다. 자바스크립트 엔진은 ECMAScript에 맞게 개발되었으며 아래는 유명한 프로젝트들이다. SpiderMonkey : 최초의 자바스크립트 엔진. 넷스케이프 네비게이터에 사용됐고 현재는 파이어폭스에 사용됨. Cha.. 2021. 1. 24. [javascript] 오름차순 정렬, 홀수짝수 판별, 줄바꿈 프로그래머스 실력체크 1을 통과했다. 아니.. 다들 쉽다고 하셨는데 왜 저는.. 힘들었죠? 좀 쉬운 문제가 나와서 풀었는데 항상 반복적으로 알고리즘에 나오는 단골 문항들이라서 정리해두기로. 프론트엔드를 희망하고 있으므로, 자바스크립트를 깊게 팔 생각이라 알고리즘도 자바스크립트로 진행하고 있다. 1. 오름차순으로 정렬하기 array.sort() 메소드 안에 함수를 넣어서 오름차순으로 정렬할 수 있다. let answer = [] answer.sort( function (a,b){ return a -b }) 어떤 숫자가 num으로 주어졌을때, 2. num % 2를 했을 때 나머지가 0이면 짝수, 1이면 홀수 3. num % num 를 했을 때 나머지가 0이면 나누어 떨어지는 수 4. 줄바꿈은 "＼n" 2021. 1. 23. ㅇ 모달창에 시간 입력 부분을 구현 하는 중. 일단 validation부분인데.. 흠. 처음에는 let hour = Number(e.target.value); if (!hour || hour 24) { alert('시간은 1~24 사이의 숫자로 입력해주세요'); } 해서 알럿을 띄웠더니 'dddd'같은 경우 알럿이 8번이나 뜨는 불편한 상황 발생. 그래서 html type="number"를 해주었더니 1번밖에 입력이 되지 않지만, 입력이 아예 방지되서 유저에게 안내 메세지가 나타나지 않는다.. ㅋ.. 아예 입력 자체가 안되게 하고 싶은뎅. developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number input elements of .. 2020. 12. 11. 2020.12.07 Modal 만들기 오피스 아워때 질문을 했더니 새로운 개념들을 알려주셨다. 알거라고 가정하고 하신 얘기들이라서 찾아보기. 일단, Enum medium.com/@seungha_kim_IT/typescript-enum%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3b3ccd8e5552 TypeScript enum을 사용하는 이유 (본 글은 TypeScript 입문자 중 enum 기능이 있는 다른 언어를 사용해 본 경험이 없는 분들을 위해 쓰여졌습니다. 예제 코드를 TypeScript playground에 붙여 넣고, 마우스 포인터를 변수 위에 둬서 변수의 medium.com hyunseob.github.io/2017/07/18/typescript-enums/ 2020. 12. 7. 20.12.02 styled component 와 flex box Header Component에 여전히 redux와 관련된 코드 useSelector가 있으므로 정리하기. CalenddarDay Container 에서 props로 넘겨주어야 presentatioanl Conponent인 CalendarDay가 받아서, props로 Header에 넘겨준다. today가 nested라서 문제가 발생. typescript의 type와 interface의 차이를 찾아보자. typescript의 타입을 분리저장해서 한눈에 보고 싶다. 분리하였으나 today를 내려 주는 부분이 계속해서 에러가 생긴다. 에러명 Type '{ todaykey: object; }' is not assignable to type 'IntrinsicAttributes'. Property 'todayke.. 2020. 12. 2. 이미지 2020. 11. 29. 20.11.26 FINAL PROJECT- Review 구현 TIL의 의미를 잃어가고 있다. 짧더라도 매일 쓰자. 리뷰를 구현 한 후에 useEffect를 사용해서 API와 연동하는 법을 찾다가, onClick할때 바로 get요청이 같이 나가게 하면 된다는 걸 알게 되었다. react.vlpt.us/integrate-api/01-basic.html 1. API 연동의 기본 · GitBook 1. API 연동의 기본 API 연동을 하기 위해서, 우선 프로젝트를 새로 만들어주도록 하겠습니다. $ npx create-react-app api-integrate 그리고, API 를 호출하기 위해서 axios 라는 라이브러리를 설치하세요. $ cd a react.vlpt.us axios해서 dispatch하는 함수를 독립시키고 싶은데.. 어떻게 해야 할 지 모르겠다. 2020. 11. 26. 20.11.15 FINAL PROJECT- SOCIAL LOGIN 구현 & 로그아웃 구현 오늘 한 일 - 일반 로그인 구현 ( 서버와 통신이 되는지 확인, JWT토큰 적용 ) - 소셜로그인 서버와 통신이 되는지 확인 : access token을 주고 받는지, id token을 주고 받는지 확인 - 로그아웃 구현중 느낀점 - 타입스크립트.. @$#@!$# - 리덕스와 리액트에 대한 이해도도 낮은 상황에서 타입스크립트로 번번히 막히니깐 너무 속도가 안나서 걱정이다.. 벌써 2주차가 끝나가는데 아직도 기본기능이 완벽하게 구현되지 않았다. 큰일이다... 내 생각엔 3주차에는 주 기능인 캘린더 부분을 그려야 될 것 같다. 마이페이지 만들기, 캘린더 DAY CSS만들기가 적어도 3주차에는 마무리가 필요. 다음주에는 휴무주니까 한눈 팔지말고 공부하자. css백업이 안되니까 서버가 할일이 적다.. ㅠㅠ 2020. 11. 15. 20.11.14 FINAL PROJECT- NAVER SOCIAL LOGIN 구현 매일매일 써야지.. 다짐했는데 잘 지켜지지 않았다. 부끄럽다..ㅠㅠ 오늘부터라도 매일 써야겠다. 소셜로그인이 생각보다 굉장히.. 어려웠는데 약 5시간 가량 헤매니까 그래도 개념이 좀 잡혔다. 네이버의 경우, 내 어플리케이션 등록하기에서 등록한다음 콜백 URL을 지정해야 한다. 따라서, login.html과 mypage.html ( 로그인 후 유저를 리다이렉트 할 곳, 콜백 URL) 두가지 파일이 있어야 한다. 네이버 튜토리얼을 보고 따라하면 되는데, 초심자가 엄청 헷갈리는 포인트는 콜백이 대체 뭐야.. 하는 부분이다. 왜 이걸 굳이 나눠 놓고 하나만 쓰면 된다는 걸 설명해 두지 않았는지 모르겠다. developers.naver.com/docs/login/web/#2--javascript%EB%A1%9C-.. 2020. 11. 14. 이전 1 2 3 4 다음
