목록전체 글 (52)

매일 땡기는 마라 코딩

CSR, SSR이란 무엇일까

[Intro]CSR과 SSR가 무엇인지, 차이점과 장단점에 대해 정리해 둘 필요성을 느껴 글을 작성해 보려고 한다. [Backgroud]서버와 클라이언트브라우저 서버 요청 과정정적 웹페이지, 동적 웹페이지CDN [Core]CSR(Client Side Rendering)클라이언트 요청: 사용자가 브라우저를 통해 사이트에 접속을 요청정적 HTML 전달: 가까운 CDN 서버에서 미리 복사해 둔 빈 뼈대만 있는 정적 HTML 파일을 클라이언트로 전송(CDN에 복사된 파일이 없을 경우 서버에서 전송)리소스 요청: 클라이언트는 HTML 파일을 다운로드 받아 읽으며 내부에 포함된 정적 CSS, JS, 이미지 파일을 서버에 요청- 이 과정에서 사용자는 아무것도 없는 흰 화면(Blank Page)을 보게 됨- 정적 이..
이론 2026. 3. 26. 01:31
SQLD 5일 독학 합격 후기 (전공자 / 노랭이 + 기출 공부법 + 시험 정보 총정리)

✔ 한 줄 요약👉 전공자 기준 5일 준비 + 노랭이 + 기출 반복이면 SQLD 충분히 합격 가능 📌 SQLD 시험 정보 (2026 기준)시험명: SQLD (SQL 개발자)시험 유형: 필기 오지선다형 객관식시험 시간: 90분응시료: 50,000원응시자격: 제한 없음합격기준: 총점 60점 이상과락기준: 과목별 40% 미만 취득시행 기관: 한국데이터산업진흥원👉 저는 60회 (2026.03.07) 시험에 응시했습니다. 📌 접수 방법https://www.dataq.or.kr/www/main.do데이터자격검정 사이트에서 접수보통 시험 약 3~4주 전에 접수 시작접수 시작일에 바로 신청하는 걸 추천합니다 📌 이런 분들께 추천✔ SQLD 단기간에 따고 싶은 분✔ SQL 기본 지식 있는 전공자✔ 효율적으로 공부..
잡담 2026. 3. 20. 17:34
[새싹x코딩온] 2. 웹 개발자 풀스택 과정 2주차 회고 | HTML

1. Intro2일차, 3일차에 걸쳐서 HTML을 학습했다.이후에는 CSS를 학습할 예정. 열심히 해서 플젝 기깔나게 만들어야지.... 근데 강의 들을 때 점심 안 먹고 오면 클날 듯.... 너무 배가 고프다. 2. HTML1) HTML의 정의HTML(Hypertext Markup Language)는 웹 페이지를 구성하는 기초적인 언어이다.뜻 풀이를 해 보자면, 다음과 같다.Hypertext: 링크, 다른 페이지로 이동할 수 있게 하는 것.Markup: 문서나 데이터의 구조를 명기하는 언어. 마크업이 있을 때와 없을 때의 차이는 꽤 크다. 기초 지식이 있을 경우에는 아래와 같은 내용을 읽을 때 문제가 없겠지만 없을 경우에는 읽기가 어렵기 때문에, 마크업을 추가하여 가독성을 높히는 것이 좋다. 2) HTM..
새싹 2024. 5. 23. 12:05
[새싹x코딩온] 1. 웹 개발자 풀스택 과정 1주차 회고 | Git 학습

1. Intro 24.05.13.(월) 일자로'SeSAC 영등포캠퍼스 6기 입문자도 가능한 웹 개발자 부트캠프'과정에 입과하게 되었다!!   수업 듣기 전에 맘터 햄버거도 주셔서 허겁지겁 먹어치웠음 ㅎ...   부트캠프 과정 및 새싹에 대해 설명하는 OT를 진행 후, Git에 대한 수업을 듣게 되었다. Git 및 GitHub의 개념을 학습하고, Git 저장소를 생성하는 실습을 하는 과정에서 필요한 명령어를 학습하는 시간을 가졌다.      2. Git1) Git 이란?Git은 일종의 분산 버전 관리 시스템으로, 팀 단위 개발 시에 소스 코드를 관리하기 위해 사용하는 도구이다. 💡 GitHub와 같은 것 아닌가요?GitHub은 코드를 저장할 수 있는 외부 클라우드 공간이라고 볼 수 있다.Git ≠ Git..
새싹 2024. 5. 20. 04:47
[유데미x스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 - KPT 회고

1주차Keep프로젝트를 진행할 때 깃허브 위키 등을 적극적으로 활용하고, 프로젝트 룰을 철저히 작성하여 이후에 편하게 프로젝트를 진행할 수 있었다.Problem개발팀 팀원들이 대부분 리액트를 접해 보지 않아서 학습하는 데에 시간이 오래 걸렸다.Try프로젝트 이후에도 프로젝트에 사용되었던 코드에 대한 공부를 하는 것이 좋을 것 같다.2주차Keep실질적으로 개발을 진행한 주였는데, 다들 열정적으로 개발에 참여하여 좋았다.Problem개발 시간이 부족하여 너무 정신없이 개발이 진행되어 아쉬웠다.Try개발에 필요한 학습이 더 필요할 것 같다. 3주차 Keep디자이너 분들이 끝까지 적극적으로 참여하고 소통하려고 하는 것이 느껴져서 좋았다.Problem프로젝트의 기간이 너무 짧아 화면이 다 완성되지 않아 아쉬웠다...
카테고리 없음 2024. 2. 16. 14:26
[노마드 코더] NextJS 시작하기(2)

NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co GitHub - nomadcoders/nextjs-fundamentals: Learning NextJS by Building a Tiny Movie Website. Learning NextJS by Building a Tiny Movie Website. Contribute to nomadcoders/nextjs-fundamentals development by creating an account on GitHub. github.com #2 PRACTICE PROJECT #2.1 Patterns children은 react.js가 사용하는 prop로, 하나의..
카테고리 없음 2023. 12. 28. 14:49
[노마드 코더] NextJs 시작하기(1)

NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co #1 FRAMEWORK OVERVIEW #1.0 Libray vs Framework (프레임워크와 라이브러리의 차이) 프레임워크는 정해진 규칙이 있다. 따라서, 적절한 곳에 코드를 작성해야 한다. 프레임워크는 추상화(코드가 감춰져 있는 형태)가 되어 있다. 프레임워크는 코드를 작성하면 작성한 코드가 감춰진 코드를 부르는 형태이다 라이브러리는 코드를 작성할 때 도움을 준다. 사용하고 싶을 때 추가하여 사용할 수 있다. -> 리액트 앱은 index.tsx의 ReactDOM.render 코드를 작성해 앱을 랜더링하는데, next.js를 사용할 경우 page 폴더..
카테고리 없음 2023. 12. 27. 14:47
[9주 완성 프로젝트 캠프 : 플러터(유데미x스나이퍼팩토리)] 프로젝트 코스 회고 (KPT 가이드)

Keep redo, undo, reset과 같은 기본 기능 뿐만이 아니라, 확대/축소를 하여 그림을 그릴 수 있도록 한 기능. Problem textfiled를 추가하는 기능이 제대로 작동하지 않는 것. Try 완성도 있는 프로젝트를 위해 해당 기능은 주석 처리하여 최종 코드를 제출. 차후에 텍스트 필드 내에 작성한 내용 저장, 확대/축소를 한 상태에서 드래그를 할 경우 화면에서 튀어나가는 등의 오류를 수정한 후 해당 기능을 추가할 예정. 본 후기는 유데미-스나이퍼팩토리 9주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #유데미 #udemy #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #웹개발 #앱개발 #플러터 #flutter #개발 #안드로이드 #ios #단기캠프
카테고리 없음 2023. 11. 17. 19:20
이전 Prev 1 2 3 4 ··· 7 Next 다음