JJAE CODING DIARY

늦었지만 7월달에 전자정부 프레임워크 교육을 받았던 간단한 후기를 기록해보고자 한다. 우선 교육신청은 여기서 할 수 있다. https://www.aegovframe.go.kr/home/sub.do?menuNo=64 전자정부 프레임워크 수강을 하게 된 계기는 사수님의 권유 때문이었다. 스프링에 나오는 내용이 상당부분 겹치니 스프링 교육에 들어가기 전 전자정부 프레임워크 교육을 먼저 듣는 것이 좋을 것 같다고 하신 것. 전자정부 프레임워크는 온라인에서 상시 모집하는 듯 하다. 무료이지만 선착순 100명만 모집해서 운영하니 신청을 서두르자...고 말은 하겠지만 선착순이 마감될 것 같지는 않다. 7일동안 동영상을 80퍼센트 제출하고, 실습과제를 제출하고, 시험까지 통과해야 수료증을 받을 수 있기 때문에 하루라도..

코딩애플 til 1은 무료강의 내용이라 til 올리기 괜찮았는데 이후 내용부터는 유료분이라 알아서 좀 걸러서 포스팅하기로 함. 코드를 가져다 써야 할 부분은 그냥 제 선에서 최대한 어글리하게 쓸게요.. 코딩애플 강의 짱. 돈 하나도 안아까운 강의!!! 서버데이터 집어넣어서 html 만드는 법: ejs사용 npm install ejs 그리고 server.js에 아래 임포트 app.set('view engine', 'ejs'); 이후 list.js의 확장자를 js대신 .ejs로 바꾸자. 파일 위치는 항상 views라는 폴더 안으로 위치시켜야함. ejs파일 안에 변수 이름 작성하는 법은 ejs 문법을 반복문 돌리려면 그냥 이 오징어같은 기호 넣으면 됨; 그리고 이건 내가 작성한 db를 ejs파일에 넣어서 보여..

코딩애플 없었으면 나 울었다. 코딩애플 강의가 세상에서 젤 재밌다... 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com 코딩애플 til 포스트는 그냥 내가 까먹지 않기 위해 적어놓은 것들 위주로 올림. 1. nodejs 설치 - 그냥 구글에 검색해서 다운받으면 됨 2. vscode에서 express 라이브러리 설치: npm init -> 엔터 치고 entrypoint에만 server.js라고 쓰기. 그럼 package json이 생성됨. -> npm install express ..

오늘 정말 놀라운 일이 있었다. 얼마전부터 눈여겨보던 약 11만원정도 가량의 Next.js 강의가 오늘 점심에 확인을 해보니 무려 80퍼센트나 세일을 하고 있었다!!! 10만원이 넘는 가격때문에 결제를 계속 고민하다가 오늘 결국 10만원을 내고 강의를 듣기로 결정을 한건데, 때마침 80퍼센트나 세일을 하고있어서 이게 웬 떡이냐 했다. 그리고 퇴근하고서 결제를 하려고 봤는데ㅋㅋㅋㅋ 7퍼센트를 추가로 할인하고 있었다ㄷㄷ 오늘 운수 무엇..? 오픈채팅방에 '원래 유데미가 이렇게 종종 할인을 하냐'고 물어봤는데 질문이 틀렸다며 '종종 할인을 안한다' 가 맞다고 했다ㅋㅋㅋ 유데미....연쇄할인마였구나...좋다 무튼 내가 눈여겨보던 강의는 이거다. https://www.udemy.com/course/nextjs-r..

첫번째 til 에 이어서 두번째도 기록 위주로 블로그를 작성하려고 한다. 초반 개념은 이해가 잘 되었는데 뒤로 갈수록 읽어도 무슨 소린지 모르는 부분이 등장해서 이 부분은 기록해두었다가 나중에 유튜브로 찾아보기로 했다ㅠㅠ 참고로 오늘 포스팅은 전부 자바스크립트에 기반한 내용이다. class문법 프로토타입을 사용한 구현이 직관적이지 않고 번거로워서 ES2015부터 새롭게 등장한 문법. class Vehicle { constructor(){ console.log('initialize Vehicle'); } run(){ console.log('run!'); } stop(){ console.log('stop!'); } } console.log(new Vehiche()); class 문법을 사용하여 선언한 클래스..

자바스크립트에서 네이밍을 어떻게 하는지 정리하기로 했다. 아무렇게나 지으니까 보기에도 안좋고 나중에 오류날 것 같다... 출처: https://radlohead.gitbook.io/typescript-deep-dive/styleguide 스타일 가이드 - TypeScript Deep Dive 원시적으로 null / undefined 를 체크할 때 == undefined 또는 != undefined를 사용하세요. (=== / !== 말고). null / undefined 에는 작동하지만, 다른 fasly 값들('',0,false) 에는 작동하지 않습니다. radlohead.gitbook.io 자바스크립트 네이밍 규칙 1. 변수와 함수는 camelCase 사용하기 var fooVar; function bar..

오늘 이사님이 빌려주신 책 를 읽고 기록해놔야 할 정보를 적어볼 예정이다. 나는 자바스크립트 기본 개념이 부족하기 때문에 그 위주로 기록을 해보려 한다. 이 책은 읽기 쉬운 언어로 기본적이지만 핵심적인 내용을 잘 다뤄주어 좋았다.다른 자바스크립트 책은 문장 읽는 것도 힘든 부분이 많았는데,이 책은 그런 부분이 없이 모든 개념들이 다 이해되었다! 최소 2회독 하면 코딩에 되게 자신감이 붙을 것 같은 느낌. 하지만 1회독 후 이사님이 빌려주신 다른 책부터 읽을것이당 변수 선언 - 변수를 선언하고 초기화하지 않으면 undefined 값이 자동으로 할당된다. var a, b, c; let num1 = 1, num2 = 2, num3 = 3 - 위와 같이 하나의 선언문에서 여러 개의 변수를 선언할 수 있다. va..

면접질문 예상문답(1)에 이어서 쓰는 글! 해당 블로그에서는 최대한 면접 상황에서 구두로 표현하기 편하도록 간략하게 정리하였다. 자세한 설명이 필요해보이는 부분은 따로 링크를 걸어두었다. 1. Q. Rest api에 대해 설명해주세요. A. HTTP 통신에서 어떤 자원에 대한 CRUD요청을 Resource와 Method로 표현하여 특정한 형태로 전달하는 방식. - resource: 서버는 고유의 ID를 가지고 있으며, 클라이언트는 이러한 resource에 요청을 보낸다. 이러한 resource는 URI에 해당된다. - method: 서버에 요청을 보내기 위한 방식으로 get, post, put, patch, delete가 있다. - representation of resource: 클라이언트와 서버가 데..

최대한 면접에서 구술하기 용이하도록 요약하였다. 용어 설명이 더 필요할 경우 링크를 걸어두었다. 아... 다 정리하려면 갈길이 멀구만..😅 1. Q. 블로그 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? A. 브라우저 동작 원리에 대해 설명해야 할 것 같다. 해당 유튜브의 내용을 요약하였다. (1) 브라우저는 DNS를 통해 IP주소를 파악한다. (2) 브라우저와 서버가 3 way handshake 를 완료한 뒤 HTTP Request, HTTP Response를 차례로 거친다. (3) 브라우저는 서버로부터 받은 데이터를 해석(파싱)하고 Dom Tree, CSSOM Tree, AST를 만든다. (4) Dom Tree와 CSSOM Tree를 합쳐 렌더트리를 생성한다. (5) 렌더트리에..

https://xiubindev.tistory.com/119 실제로 받은 프론트엔드 개발자 면접 질문 모음 첫 번째 직장에는 운 좋게 바로 들어가서 일을 시작했기 때문에, 제대로 취업 준비를 해본 경험이 없었다. 그래서 이번에 다시 프론트엔드 개발자로 취업 준비를 하면서 코딩 테스트 공부도 하 xiubindev.tistory.com 위 블로그 주인분께서 세심하게 정리해놓은 면접 질문들을 최대한 빼놓지 않고 내가 이해한 선에서 예상 답변을 정리해보고자 한다.