전체 글 썸네일형 리스트형 [TIL] 프로그래머스 데브코스 - 형변환 뭘 했나? 1. 데브 코스 1주 차 day 4. 2. 스터디 진행방식 최종 결정. 3. 알고리즘 특강. 1. 데브 코스 1주 차 day 4 강의를 듣다 보니 매일 풀려고 했던 백준 알고리즘을 못 풀었다. 강의가 알고리즘 내용이 많아 문제를 풀다 보니 시간이 순식간에 지나갔다. 그래도 나름 고민한 내용들의 해답을 찾을 수 있었어서 비록 다른 일은 못했지만 만족스러운 하루였다. 강의 중 flatMap을 활용한 풀이 방법이 있었는데, 어떻게 동작하는지 이해가 되지 않아 동작 방식에 대해 찾아보고, 직접 실험을 진행해보면서 파악하려 노력했다. 위와 같이 실험을 진행했었는데 예상했던 결과물과 다르게나와 질문방에 질문을 올려 다른 수강생 분과 멘토님의 답변으로 문제점과 해답 외에도 자바스크립트에서의 형 변환이 연산.. 더보기 javascript 데이터타입, 얕은복사, 깊은복사, 값의 없음. 1. 데이터 타입의 종류 1-1) 원시형 데이터 NUmber String Boolean null undefined Symbol 1-2) 참조형 데이터 object Array Date RegExp(정규표현식) Map, WeakMap(Map에서 키값으로 object만 사용 가능.) Set, WeakSet(Set에서 value값을 object만 사용 가능.) 불변성 2. 메모리와 데이터. 메모리는 비트로 구성되어있고, 고유한 주소 값을 통해 비트의 위치를 알 수 있다. 메모리 용량이 과거에 비해 월등히 커진 현시점에서 자바스크립트는 이런 메모리 관리의 압박에 있어 자유롭다. 자바스크립트에서의 숫자는 정수형, 부동 소 수형을 구분하지 않고 모두 1바이트, 한 글자 기준 한글 2바이트, 영어 1바이트로 표현하다... 더보기 [TIL] 프로그래머스 데브코스 - 배경지식 뭘 했나? 1. 깃 특강 듣기 2. 데브 코스 1주 차 day2강의 수강 3. 알고리즘 문제풀이 깃 특강 듣기 기존 프로젝트에서 깃을 사용한 적이 있긴 한데, 한정적으로만 사용하고 있었던 느낌이 들었었다. 강의를 들으면서 커밋 기록에 있어 유연한 대처가 가능한 여러 명령어들을 알게 되었고, 실무에서의 발생할 수 있는 사례들을 통해 명령어를 설명해주시는 분이 이해하기 쉬웠고, 언제 사용하면 되는지가 명확하게 전달되었다. 다음 프로젝트떈 의식적으로라도 이러한 명령어들을 활용해볼 생각이다. 데브 코스 1주 차 day2 강의 수강 1일 차가 전반적인 JS문법이었다면 2일 차 때는 네트워크, 컴퓨터 시간, 암호화, 프로그래밍 패러다임 등 전반적인 배경지식에 가까운 내용이었다는 생각이 든다. 처음 본 내용들이 많아.. 더보기 [TIL] 프로그래머스 데브코스 시작 - 팀구성 뭘 했나? - 새로운 팀원분들을 만났다. - 백준 알고리즘 스터디 - 과제형 코테 마무리. 좀 더 일찍 쓰고 싶었으나.. 방금 코테를 마무리하느라 이제야 쓰게 됐다. 보기엔 쉬워 보였지만, 막상 해보니 아주 복잡한 기능이어서 제시간에 끝내려면 오직 구현에만 초점을 맞췄어야 했다. 그래도 뭐 요구사항을 모두 구현하였으니 만족한다. 프로그래머스에 대한 얘기를 해보자. 앞으로 2주간 함께할 팀원분들을 만났다. 나를 포함한 총 4명이고, 간단한 인사를 나눴다. 이후 팀 노션 페이지를 꾸몄다. 결정된 사항으론 팀 규칙, 스터디, 주요 일정 정리 이 정도인 것 같다. 매번 느끼지만 첫 만남일 때 서로에게 피해를 안 주려는 마음, 어떻게 해야 할지 모르는 마음 등 이런 점 때문에 뭔가를 결정하는데 시간이 오래 걸리는.. 더보기 NEXT.js 환경(+pre-rendering이해) pre-rendering에 대해 공부하다 환경에 대해 이해하고 좀 더 와닿아서 공유해보려 한다. 우선 환경에는 다음과 같은 차이점들이 있다. 1. 실행 방법 차이 실행방법으로는 다음과같은 차이가 있다. // development모드 실행 npm run next dev // production모드 실행 npm run next build npm run next start 우선 development환경에서는 별도의 빌드 과정이 생략되어있다. 그렇다고 빌드 결과물인. next폴더가 생성되지 않는 건 아닌데, 폴더를 구성하는 파일이 다르다. 파일 구성에 대해 선 밑에서 다루겠다. 2. 지원하는 기능차이 development 환경 development환경은 말 그대로 개발자가 개발을 편하게 할 수 있도록 해주는 환.. 더보기 react에서 한 발 더 나아간 NEXT.js을 이해해 보자.(+ 개인적인생각) 관심 있게 보는 개발 유튜브에서 next.js 리액트 프레임워크에 대해서 리액트를 배운 후 찾아볼 것을 추천하였고, 채용공고에서도 사용 여부를 원하는 경우를 많이 보았다. 많이 사용하고 추천하는 데는 분명히 이유가 있을 것이라 생각이 들고(아직은 이 단계라고 생각한다.), 분명히 장점이 존재할 것이라는 전제를 깔고 어떤 자료를 통해 학습을 할까를 찾아봤다. 제일 먼저 자주 애용하는 인프런에서 강의로 제작된 부분은 없는지 확인 후, 없는걸 확인하고 개발 오픈 채팅방에 도움을 구했더니 어느 한 분이 공식 문서를 추천해 주셨다. 첫 공부를 공식 문서로 시작하기엔 좀 어렵지 않을까 싶었지만, 다른 공식 문서에 비해 유독 잘 나와있다는 말을 믿고 도전해 보기로 했다. 튜토리얼의 첫 번째로 기존의 리액트로 애플리케.. 더보기 이전 1 2 3 4 다음
