오늘은 뭐했니?/일상 12

2023.05.14 코딩일기 - Next.js 알아보기

- Next.js는 React를 위한 오픈 소스 웹 프레임워크입니다. 정적 사이트 생성, 서버 측 렌더링 및 클라이언트 측 렌더링을 포함한 다양한 기능을 제공합니다. Next.js는 웹 사이트 및 웹 애플리케이션을 구축하는 데 사용할 수 있는 강력한 도구입니다. 다음은 Next.js의 주요 특징과 기능입니다: 서버 사이드 렌더링(SSR): Next.js는 서버에서 초기 렌더링을 수행하여 빠른 페이지 로딩 속도와 검색 엔진 최적화를 제공합니다. 이는 초기 페이지 로딩 시 사용자에게 빠른 콘텐츠 표시를 가능하게 합니다. 정적 사이트 생성(SSG): Next.js는 빌드 시간에 사전 렌더링하여 정적인 HTML 파일을 생성할 수 있습니다. 이를 통해 빠른 페이지 전환 속도와 뛰어난 성능을 제공할 수 있습니다. ..

2023.05.13. 정보처리기능사 실기

- 정보처리기능사 실기는 컴퓨터의 하드웨어와 소프트웨어에 대한 기초적인 지식과 활용 능력을 평가하는 시험입니다. - 필기시험과 실기시험으로 나누어 시행되며, 필기시험에 합격해야 실기시험에 응시할 수 있습니다. - 실기시험은 컴퓨터의 조립 및 설치, 네트워크 설정, 운영체제 설치 및 설정, 워드프로서, 스프레드시트, 프레젠테이션, 데이터베이스, 웹 브라우저 등 다양한 과목을 평가합니다. - 시험시간은 2시간이며, 60점 이상 득점해야 합격할 수 있습니다. - 정보처리기능사 실기시험에 합격하면 컴퓨터 관련 직종에 취업할 수 있는 자격을 얻을 수 있습니다. 또한, 정보처리기사, 정보보안기사 등 상위 자격증 취득에도 유리합니다. - 정보처리기능사 실기시험에 합격하기 위해서는 컴퓨터의 기본적인 지식과 활용 능력을..

2023.05.12 웹디자인 기능사 시험준비

- 오늘은 웹디자인 시험을 준비 했습니다. - 웹디자인시험에서 중요한 것은 스크립트 부분이라고 생각합니다. - 꼬였을 때 고치기가 막막하다는 부분에서 말이죠 - 그 부분들을 집중적으로 보겠습니다. - 여기는 두가지 기능이 들어갔습니다. - 탭메뉴 부분과 슬라이드 부분이죠 - 코드를 보시죠 미래를 이끄는 열정 산업대학교 당신이 원하는 교육 산업대학교 미래를 향한 우리의 도전 산업대학교 // 슬라이더 let currentIndex = 0; const $sliderWrap = $(".sliderWrap"); //이미지 부모 : 움직이는 영역 const $slider = $(".slider"); //각각의 이미지 const $sliderWidth = $slider.width(); //이미지 가로값 $slider..

2023.05.11 코딩일기

- 오늘은 아침에 조별작업을 했습니다. - 오늘한 페이지를 한번 같이 보시죠 - 헤더에 있는 탭메뉴와 메인 슬라이더 그리고 밑에 탭메뉴를 가장한 버튼이 있습니다. - 카테고리 버튼들을 누르면 해당 카테고리가 모여있는 페이지로 넘어가는 것이죠 - 하지만 레이아웃은 똑같기 때문에 페이지가 안넘어 가는것같은 착각을 주는 겁니다. - 하지만 슬라이더 때문에 로딩이 길어지게 된다면 어쩔수 없죠... - 이건 커뮤니티 안에 글을 보는 페이지 입니다. - 글과 댓글은 임의로 적어놓았습니다. - 조별작업을 하면서 느끼는 것은 시멘틱 태그과 html구조의 중요성입니다. - 처음에 html로 틀을 짤 때 어떻게 짜느냐에 따라서 나중에 코딩의 난이도가 달라지는 것 같습니다. - 어떤 경우에는 html 구조를 다시 잡아야 되..

2023.05.04 aws summit 후기 feat.codeWhisperer

- 오늘은 수업 대신 컨퍼런스를 갔다왔습니다.!! - aws에서 하는 컨퍼런스 였는데 서울 코엑스에서 열어서 학원가는 시간보다 2시간 일찍일어났다는... 딜교 쌉손해.. - 하지만 오랜만에 서울에 가서 재미있었습니당 - 사진을 보시죠 - 아무튼 기조연설 듣고 점심먹고 강연(?) 하나 듣고 엑스포 털고 왔습니다!! - 강연 들을 만한게 뭐가 있을까 고민을 하다가 codeWhisperer에 대해서 소개해주는 것을 들었는데요 - 바로 코딩을 같이해주는 비서!!(살짝모자라지만..) 아무튼 저도 바로 해봤습니다.!! - 연결하고 주석을 달아두면 이렇게 자동완성이 뜹니다!! - 그걸 tap해주면 끝!! - 하지만 저는 이게 맞는지 틀린지 정확하게 몰라서 우리의 또다른 친구에게 물어보았죠 - 네 얼추 맞는거 같습니다..

23.05.02

- 오랜만에 돌아온 코딩일기 입니다. - 오늘은 정말 날씨가 좋은 날 이였습니다. - 요즘 날씨가 계속 좋지만 학원은 실내라 어두침침합니다. - 오늘은 조별과제를 했습니다. - 조별로 사이트를 만들고 있습니다. - 학원에서 간간히 보이는 절망의 창... - ip가 가끔 막히는 거 같기도 합니다.. - 아무튼 열심히 만들 페이지 입니다. - 아직 html과 css 밖에 안해서 아무것도 안되는 페이지지만 이제 추가로 php로 작업도 해주고 할 것입니다. - 끝까지 화이팅!! - 끝!