본문 바로가기

전체 글

(73)
2020.07.15. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.15 오늘의 목표 JavaScript 공부하기 TypeScript 공부하기 동기 JavaScript에 대한 깊은 지식을 가지고 싶어서 TypeScript를 사용하여 개발함으로서 개발 효율 및 내 스스로의 능력을 향상시키기 위해 앞으로 글을 작성하는 방식을 조금 바꾸려고 합니다. 원래는 그 날 그날에 학습한 내용을 그 날 글에다가 모두 몰아서 작성했다면, 앞으로는 그 날 배운 지식들을 다른 글로 작성한 후 불러오는 형식으로 작성하려고 합니다! 이 방법이 제가 오늘 무엇을 했는지 더욱 더 명확히 보이고, 그 지식들을 보기에 더 편하다고 생각합니다.😀 JavaScript를 공부하기 전 프롤로그 및 목차를 작..
TypeScript 프롤로그 및 목차 안녕하세요😀 황대성입니다. 저는 프론트엔드 개발자이고, 사용하는 주 언어는 JavaScript입니다. 그리고 React, ReactNative와 같은 프레임워크를 사용하여 프론트엔드 개발을 하고있습니다. 개발을 하던 중 큰 프로젝트 혹은 오류 없는 코딩을 위해 TypeScript를 사용한다고 느꼈습니다. TypeScript를 공부하면서 배운 지식들을 작성하려고 하니, 많은 관심 가지고 봐주셨으면 좋겠습니다. 이 글들이 저 뿐만 아니라 TypeScript를 공부하시는 많은 분들에게 도움이 되었으면 좋겠습니다. 긴 글 읽어주셔서 감사합니다😀 일단 세부적인 사항을 공부하기 전에 TypeScript가 무엇인지 간단히 알아보겠습니다. 아래의 내용을 읽고 목차로 들어가 세세한 내용을 학습하시는 것을 추천드립니다😁 ..
JavaScript 클린 코드, 닌자 코드 * 아래의 글은 JavaScript 프롤로그 및 목차를 먼저 읽으신 후 읽으시기를 권장합니다. 본 글에서 다룰 내용 권장하지 않는 코드 작성 방법(닌자 코드) 코드 품질을 높이는 클린 코드 작성 방법(클린 코드) 아래의 글에서는 권하지 않는 코드 작성 방법들을 알려드리겠습니다. 코드 짧게 쓰기 조건부 연산자 '?'를 사용한 예시를 살펴봅시다 // 출처: https://ko.javascript.info/ninja-code i = i ? i < 0 ? Math.max(0, len + i) : i : 0; 이렇게 작성한다면 이 코드를 접한 다른 개발자는 i가 나타내는 게 뭔지 파악하는데 꽤 많은 시간을 소모하고, 결국엔 답을 찾기 못해 당신에게 찾아올 것입니다. 그렇다면 싸움의 지름길이 되겠죠😀 글자 하나만 ..
JavaScript 기초 문법 요약 * 아래의 글은 JavaScript 프롤로그 및 목차를 먼저 읽으신 후 읽으시기를 권장합니다. 본 글에서 다룰 내용 var vs let vs const function 변수 변수는 아래와 같은 키워드를 이용해 선언할 수 있습니다. let const var 많은 분들이 let, const, var의 차이점을 잘 모르시는 것 같습니다. 저 역시 그랬고.. 그래서 이 세 키워드의 차이점을 알아보겠습니다. 스코프란? - 자바스크립트 엔진이 참조의 대상이 되는 식별자를 검색할 때 사용하는 규칙의 집합이다. 즉, 어떤 변수를 사용하거나 함수를 호출하려고 할 때 해당하는 식별자로 사용하는데, 그 식별자를 검색하는 매커니즘이라고 이해하면 된다. 스코프 규칙 var은 함수 스코프를 갖는다. let과 const는 블록 스..
JavaScript 프롤로그 및 목차 안녕하세요😀 황대성입니다. 저는 프론트엔드 개발자이고, 사용하는 주 언어는 JavaScript입니다. 그리고 React, ReactNative와 같은 프레임워크를 사용하여 프론트엔드 개발을 하고있습니다. 개발을 하던 중 JavaScript에 대한 지식이 부족함을 느꼈고, 그래서 제가 평소에 긴가민가 했던 지식들부터 새롭게 알게 된 지식들을 모두 기록하려 합니다. 매일매일 틈틈히 JavaScript에 관한 지식들을 작성하려고 하니, 많은 관심 가지고 봐주셨으면 좋겠습니다. 이 글들이 저 뿐만 아니라 JavaScript를 공부하시는 많은 분들에게 도움이 되었으면 좋겠습니다. 긴 글 읽어주셔서 감사합니다😀 일단 세부적인 사항을 공부하기 전에 JavaScript가 무엇인지 간단히 알아보겠습니다. 아래의 내용을 ..
2020.07.14. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.14 오늘의 목표 simplecounter를 활용한 scorecounter 개발 완료하기 Bigstar1108 깃헙 레파지토리 Readme 파일들 정리 동기 class형 컴포넌트가 아닌 함수형 컴포넌트로 개발하고 싶어서 react hooks를 사용한 함수형 컴포넌트 개발에 익숙해지고 싶어서 React Hooks의 기본정보를 알기 위해서는 2020.07.08.과 2020.07.09. 게시글을 보시면 됩니다 😀 어제 scorecounter의 말도 안되는 오류를 접하고 난 후 오늘... 저는 오류를 해결하고 완성했습니다!🎉🎉 오예~ 오늘은 어제의 오류를 해결한 방법과 함께 오늘 코드를 작성하면서 새롭게 얻은..
2020.07.13. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.13 오늘의 목표 simplecounter를 활용한 scorecounter 개발하기 동기 class형 컴포넌트가 아닌 함수형 컴포넌트로 개발하고 싶어서 react hooks를 사용한 함수형 컴포넌트 개발에 익숙해지고 싶어서 다른 사람들이 포기 편하도록 Readme 파일 정리 React Hooks의 기본정보를 알기 위해서는 2020.07.08.과 2020.07.09. 게시글을 보시면 됩니다 😀 오늘 scorecounter 개발을 완료하고 싶었지만 말도 안되는 오류를 만나서 완성하지 못했다. 그 말도 안되는 오류와 함께 오늘 개발하면서 새롭게 배운 지식들을 적어보려고 한다! 일단 useState로 초기 값..
2020.07.12. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.12 오늘의 목표 기숙사 조심히 복귀하기 친한 동생 면접 준비 도와주기 동기 코로나에 안걸리기 위해서 조심히 복귀해야함 동생이 잘됬으면 좋겠어서 면접을 도와준다 오늘은 일요일이라 기숙사에 복귀해야하는 날이에요😥🏤 친한 동생 면접 도와주고, 여차저차 준비하니까 기숙사에 복귀해야할 시간이여서 개발을 못했습니다... 음.. 일단 동생 면접을 도와주면서 중요하다고 생각했던 점들을 적어보려고 합니다. 면접에서 자주 나오는 필수 질문 세 가지를 준비했습니다. 1분 자기소개 자신의 장,단점 회사에서 나를 뽑아야하는 이유 1분 자기소개는 다음과 같은 루틴으로 작성했습니다. 인사 지원 직무에서 하는일 + 지원 직무에서..