달과 함께하는 IT

https://codesandbox.io/s/sleepy-haze-ii4hco?file=/pages/index.tsx sleepy-haze-ii4hco - CodeSandbox sleepy-haze-ii4hco by zerosial using next, react, react-dom codesandbox.io 사용 스택 Next.js Typescript TailwindCss

https://play.tailwindcss.com/NsM6CsdqFl Tailwind Play An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser. play.tailwindcss.com 사용 스택 TailwindCss 이번주차 첫 캐럿마켓 챌린지는 템플릿을 가지고 Tailwindcss만 사용하여 최대한 유사하게 만드는 과제였다. 다른건 사용하지 않고 순수 html + tailwind와 svg만 가지고 만드는 과제였다.

본격적인 제작을 시작하고 이번엔 디자인부터 시작해서 색이라던지 아이콘 배치 등을 만들면서 내 취향것 맘대로 만질 생각이다. 1. UI 정하기 시작에 앞서 먼저 UI는 당근마켓 어플리케이션을 베이스로 진행하기로 했다. 진행중인 챌린지와 새로 배우는 기술스택을 처음에는 동일하게 맞추는게 맞다고 생각했다. 노마드코더 챌린지 (Next.js 캐럿마켓 만들기) https://nomadcoders.co/carrot-market/ [풀스택] 캐럿마켓 클론코딩 – 노마드 코더 Nomad Coders NextJS, React18, Tailwind, Prisma nomadcoders.co 물론 들어가는 아이콘 색조합 마켓등 세부적인건 따라가지 않을 예정이고 큰 틀을 맞춰서 진행할 예정이다. 과정중에 꼭 구현해야 하는 세부..

프론트엔드 우수수강생을 대상으로 커넥TO 재면접 기회 메일이 왔다. 몇가지 궁금한 점이 있어서 문의를 했고 답변을 받았다. 제가 현제 공부중인 곳이 지방입니다. 커넥to는 풀 오프라인 교육이고우수수강생은 온라인 그대로 진행되는거 같은데 맞나요? 또한 우수 수강생으로 선발되면 이 경우도 무료전환일까요? -> 커넥to 그리고 우수수강생 중에서 자기소개서와 면접을 통과하시는 분, 모두 오프라인으로 학습이 진행됩니다. 커넥to로 지원해 최종 합격하신 분은 무료이지만 우수수강생으로 들으시는 분들은 수강료가 무료로 전환되지 않습니다. 이미 7월에 진행된 커넥to 3기면접에서 아쉽게 불합격하였는데 같은 기수로 들어가게 되나요? 아니면 기수가 바뀌게 되나요? -> 같은 기수가 아닌 다른 기수로 들어가게 됩니다. 자기주..

금주 진행 완료 제로베이스 프론트엔드 스쿨 3차 코테 (8.6/10점) (수요일 3시간) 제로베이스 프론트엔드 스쿨 과제 (7/22 ~ 8/4 총 2주) 1. Html/CSS (1~5 최종 완료 후 리펙토링 & 제출) 2. JS (1~5 최종 완료 후 리펙토링 & 제출) 과제 완료는 정리하여 업로드 예정 노마드코더 Next.JS 챌린지 시작 (목금 토이프로젝트 과제) (8/5) https://codesandbox.io/s/sleepy-haze-ii4hco?file=/pages/index.tsx Next.js + Typescript + TailwindCss 노마드코더 챌린지 퀴즈과제 (매일 30 ~ 1시간) 엘리스 SW트랙 프렙 (사전과정) 전체 이수 (8/6) 차주 진행예정 ☆노마드코더 챌린지 및 강의 ..

기존에 배웠던 지식을 활용하여 내가 만들고 싶은 사이트를 하나 처음부터 제작하기로 했다. 이전부터 고민하던 이미 한번 써본 Create react app이냐 아예 SSR까지 고려가능한 Next.js를 처음 사용해보느냐 고민하다가 마침 노마드코더 챌린지가 시작되어 같이 Next.js를 배워보며 제작할 예정이다. 애니메이션을 좋아해서 서코같이 애니관련 물품을 사고 파는 사이트를 구현할 예정이다. 1. 프로젝트 디자인 및 Html 마크업 이번 제로베이스 Html / Css 과제 5편과 Js과제 5편을 하면서 정말 큰 도움을 얻었다. 2주간 모든 과제를 완료하고 리펙토링 중이며 완료되면 느꼇던 점은 블로그에 적을 예정이다. 먼저 Figma 시안과 더불어 과제 요구서를 보고 과제를 만드는데 정말 많은것을 느낄 수..

금주 진행 완료 제로베이스 프론트엔드 스쿨 2차 코테 (10/10점) 제로베이스 프론트엔드 스쿨 과제 1. Html/CSS (과제 2, 3 완료) 2. JS (과제 3, 4 완료) 노마드코더 Next.JS 당근마켓 만들기 (Tailwind Css 심화) 이력서 Notion 작성하기 & PDF 최적화 https://shard-cheshire-432.notion.site/54b46a4fb5a94defa512516a1d3f4a5a 왜 사용하는지 궁금한 주니어 개발자 ☎️ 연락처 정보 shard-cheshire-432.notion.site 차주 진행예정 면접을 위한 CS 전공지식 노트 (나머지 부분) 제로베이스 프론트엔드 스쿨 3차 코테 (수요일 3시간 진행) 제로베이스 프론트엔드 스쿨 과제 🎈 1. Html/..

금주 진행 완료 면접을 위한 CS 전공지식 노트 (앞에서 절반) 제로베이스 프론트엔드 스쿨 1차 코테 (8.2/10점) 해설 강의 및 자료 공부 제로베이스 프론트엔드 스쿨 과제 1. Html/CSS (과제 1 완료) 2. JS (과제 1~2 완료) 노마드코더 Next.JS 당근마켓 만들기 (Tailwind Css 기초) 차주 진행예정 면접을 위한 CS 전공지식 노트 (나머지 부분) 제로베이스 프론트엔드 스쿨 2차 코테 (수요일 3시간 진행) 제로베이스 프론트엔드 스쿨 과제 1. Html/Css (과제 2~4) 2. JS (과제 3~4) 프로그래머스 알고리즘 데일리 챌린지 (총 3주차 항목으로 구성 , 1주차에 해당하는 시험 보기) - > 진행 목표 새로운 기술 스택을 배우며 활용하기 (Next.js + ..

금주 진행 완료 LeetCode 챌린지 LeetCode 75 (14일) (완) 제로베이스 - 이론부터 실전까지 모든 것을 담은 자료구조/알고리즘 (완) 제로베이스 - HTML/CSS 장인의 핵심정리 & 프로젝트 (초반 1/4부분 수강완료) 저스트 코드 사전학습 (리플릿-1번째 자바스크립트 과제) (완) 저스트 코드 사전학습 (리플릿-2번째 자바스크립트 과제) (완) 저스트 코드 사전학습 (고스트레인 리메이크) (완) https://github.com/zerosial/herogame 차주 진행예정 자바스크립트 알고리즘 문제풀이(코딩테스트 대비) 60번 ~ 80번이상 (될 수 있다면 100번까지) https://www.notion.so/JS-100-2-327372e894a843cf9c9430070c1ce5d..

금주 진행 완료 LeetCode 챌린지 LeetCode 75 (14일) (진행중) 면접 준비 (커넥TO) (완) 면접 때 사용할 소중한 인성실무 50제와 기술 50문제를 나름대로 정리 면접 관련 공부를 처음으로 해봄 저스트 코드 사전학습 (리플릿 자바스크립트 과제) (완) 차주 진행예정 LeetCode 챌린지 LeetCode 75 (14일) (진행중) 저스트 코드 사전학습 용사 게임 (Udemy) Start 페이지 및 자체 UI 구성 ( ~ 7/30 ) 제로베이스 프론트엔드 스쿨 5기 ( ~ 7/30 ) HTML/CSS 장인의 핵심정리 & 프로젝트 이론부터 실전까지 모든 것을 담은 자료구조/알고리즘 잔재미코딩의 CS이론 & 기술면접 지원 List (종료) DND (팀 프로젝트) 지원 완료 (불합격) 네이..