본문 바로가기
반응형

분류 전체보기50

[회고록] 1년차 2023 주니어 개발자 회고록 [회고록] 1년차 2023 주니어 개발자 회고록 1. 입사, 프로젝트 그리고 퇴사 오랜 취준생활을 끝으로 2023년 1월경 블록체인 기술을 다루는 어느 회사에 퍼블리셔 겸 주니어 프론트엔드개발자로 입사하게 되었다. 입사하고 리액트 환경에 적응도 하고, 관련 기술을 공부하고, 프로젝트에 투입하여 실전 경험을 쌓으면서 바쁘게 보냈던 상반기였다. 좋은 사수님을 만나게 되면서 개발에 대한 의지도 컸고, 회사에 큰 성과를 보여주고 싶어서 누가 시키지도 않았지만 프로젝트 틈틈이 PR(코드리뷰) 올린 뒤 피드백 들어왔던 부분들을 정리하여 회사 노션에 프론트엔드 팀을 위한 코딩 컨벤션 페이지를 만들어서 공유했고 그 외에도 각종 문서와 링크, 폴더 아키텍처 구조 등을 모조리 정리하며 상반기를 보냈던 것 같다. 그 덕분인.. 2023. 12. 31.
[Next] Next.js 핵심 기능 정리(Page Router 기준) [Next] Next.js 핵심 기능 정리(Page Router 기준) Next.js 설치 방법 npx create-next-app@latest // 최신 버전 설치 npx create-next-app@12 // 12.3.4가 설치 된다. Next.js 핵심 기능 정리 1. pages 파일 기반 라우팅(File Base Dynamic Routing) Next.js는 File System 기반 라우팅을 제공한다. 파일 기반 라우팅 VS 코드 기반 라우팅 파일 기반 라우팅(File-base) 보일러 코드가 필요하지 않다. 직관적이다. 파일과 폴더의 구조가 라우팅에 영향을 미친다 코드 기반 라우팅(Code-base) 보일러 코드가 필요하다.(, … ) 라우팅의 개념에 대해 새롭게 배워야 한다. 파일과 폴더 구.. 2023. 12. 15.
[내돈내산] Next.js 강의 추천 -12버전부터 실무까지- (이정환님/하조은님/조현영님) [내돈내산] Next.js 강의 추천 -12버전부터 실무까지- (이정환님/하조은님/조현영님) 9월부터 타의적으로 백수가 되어서 (이 일화는 추후에 회고록으로 풀겠습니다 ㅠ) 12월까지 다사다난(전 회사와의 임금체불과 횡령 싸움,,, 이사 준비,,, 코로나,,, 현타 등)하게 보낸 뒤 이제야 맘 잡고 공부할 마음이 생겨서 next.js 다시 공부하고 있는 와중에 정말 좋은 강의들을 몇개 찾았기에 소개하려고 글을 쓴다! 전부 내돈내산...! 네이버페이 포인트며, 할인 이벤트 할 때 탈탈 털어 샀다... ㅠ 사실 코000 님 Next.js도 출시하자마자 반값 할인 할 때 내 돈 주고 사서 들었으나 나에겐 안맞았다. (심지어 완강햇슴...) 왜냐하면, 실무에서 일하다 보니 어느 순간 '동작'만 하는 코드를 만드.. 2023. 12. 14.
[JS 코딩테스트] 프로그래머스 Lv. 0 - 짝수는 싫어요 (120813) [JS 코딩테스트] 프로그래머스 Lv. 0 - 짝수는 싫어요 (120813) 문제 설명 정수 n이 매개변수로 주어질 때, n 이하의 홀수가 오름차순으로 담긴 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 100 입출력 예 n result 10 [1, 3, 5, 7, 9] 15 [1, 3, 5, 7, 9, 11, 13, 15] 입출력 예 설명 입출력 #1 10 이하의 홀수가 담긴 배열 [1, 3, 5, 7, 9]를 return합니다. 입출력 #1 15 이하의 홀수가 담긴 배열 [1, 3, 5, 7, 9, 11, 13, 15]를 return합니다. 내가 제출한 답안 function solution(n) { var answer = []; for(i = 1; i 2023. 7. 19.
[JS 코딩테스트] 프로그래머스 Lv. 0 - 최빈값 구하기 (120812) [JS 코딩테스트] 프로그래머스 Lv. 0 - 최빈값 구하기 (120812) 문제 설명 최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 제한사항 0 b[1] - a[1]) // 📌 처음에는 answer[0][1] === answer[1][1] 이 조건식으로 테스트 케이스 통과했다가 제출 시 틀림 if (answer.length > 1 && answer[0][1] === answer[1][1]) return -1; else return Number(answer[0][0]); } 다른 사람 풀이 👀 function solution(ar.. 2023. 7. 19.
[JS 코딩테스트] 프로그래머스 Lv. 0 - 문자열 출력하기 (181952) with readline [JS 코딩테스트] 프로그래머스 Lv. 0 - 문자열 출력하기 (181952) with readline 문제 설명 문자열 str이 주어질 때, str을 출력하는 코드를 작성해 보세요. 제한사항 1 ≤ str의 길이 ≤ 1,000,000 str에는 공백이 없으며, 첫째 줄에 한 줄로만 주어집니다. 입출력 예 입력 #1 HelloWorld! 출력 #1 HelloWorld! 템플릿 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line.. 2023. 7. 13.
[번역] 프론트엔드 렌더링: SSG vs ISG vs SSR vs CSR - 언제 어떤 것을 사용해야 할까요? 외국의 좋은 아티클을 발견해서 오늘은 회사 이슈가 없는 김에 chatGPT의 힘을 빌려 발번역을 하였다. Next.js 공부하는데 SSG, SSR, ISG, CSR 모르면 큰일 나니까 개념을 숙지하고 개발하자! 원문 링크: https://tapajyoti-bose.medium.com/frontend-rendering-ssg-vs-isg-vs-ssr-vs-csr-when-to-use-which-1bf9f39ff07c Frontend Rendering: SSG vs ISG vs SSR vs CSR — When to use which?Want to learn about the frontend rendering strategies? You have come to the right place. After read.. 2023. 7. 7.
[JS] toLocaleString() 날짜와 숫자의 현지화(천단위 콤마) [JS] toLocaleString() 날짜와 숫자의 현지화(천단위 콤마) 자바스크립트 날짜와 숫자의 현지화 ( = 숫자 천단위 콤마 찍기) 숫자타입의 변수에만 콤마(,)를 찍는다. 문자열타입의 숫자는 콤마를 찍지 않으니 참고! // 날짜 데이터 현지화 const date = new Date(); console.log(date) // Thu Jul 06 2023 14:27:17 GMT+0900 (한국 표준시) const localDate = date.toLocaleString(); console.log(localDate) // '2023. 7. 6 오후 2:27:17' // 숫자 타입 현지화(천단위 콤마) const number = 1000 const string_number = '1000' // 숫자타.. 2023. 7. 6.
[네트워크] 비전공자 네트워크와 HTTP 이해하기 - OSI 7 계층의 Layer 2 데이터링크계층(DataLink Layer) [네트워크] 비전공자 네트워크와 HTTP 이해하기 - OSI 7 계층의 Layer 2 데이터링크계층(DataLink Layer) 데이터링크 계층의 역할 같은 네트워크에 존재하는 인접한 통신기기(예. 컴퓨터) 간에 데이터를 전송하는 기능과 절차를 제공한다. 1계층인 물리 계층에서 발생할 수 있는 오류를 감지하고 수정한다. 대표적인 프로토콜로 이더넷(Ethernet)이 있다. 이더넷(Ethernet) 이더넷은 허브와 같은 장비에 연결된 컴퓨터와 데이터를 주고받을 때 사용 한다. 랜에서 적용되는 규칙 중 가장 일반적으로 많이 사용하는 규칙이다. 특정 컴퓨터에만 데이터를 보내야 하는데, 관계없는 컴퓨터까지 그 데이터를 받지 않도록 사전에 방지하기 위하여 다른 컴퓨터에서는 데이터를 못 보도록 하는 규칙이 있다. .. 2023. 7. 6.
반응형

티스토리툴바