kebab00's

일학습병행 OFF-JT 2일차 입니다.1일차 부터 올렸으면 좋겠지만... 일단 오늘 배운 걸  같이 정리해보도록 하죠 오늘은 1. 소프트웨어 아키텍처란 무엇인가?2. HTTP프로토콜 :  2-1 - Cookie와 Session에 대해서   2-2 - 요청과 응답 ( Request & Response )3. DB 보안?  3-1 - 리눅스에서 DB정보 확인과 권한 부여하는법  3-2 - DVWA를 활용한 sql injection 테스트방법4. chat-GPT와 파이썬을 활용한 데이터 분석 방법5. 암호화를 중심으로 한 보안에 대해서 배웠습니다.그 중에서 가장 기억에 남는 (가장 마지막에 해서... 중요하기도 하지만..)*암호화 를 중심으로 한 보안*에 대해서 포스팅 해보려고 합니다.암호화 를 중심으로 한 ..

인천에서 샌프란시스코를 경유해서 시애틀로 왔습니다. 한국과 시애틀은 시차가 17시간이라 금요일에 출발했는데 금요일 오후에 도착했어서 신기했던 기억이 나네요.. 입국절차는 샌프란시스코에서 받았습니당. 간 첫날부터 표를 2정거장 오버해서 끊었습니다.ㅋㅋㅋㅋㅋ 사실 어디에서 내려야되는지 잘 몰라서 끝까지 산걸지도..?? 기억이 안나는데 정황상...ㅋㅋㅋㅋㅋ 첫날인데 날씨가 너무 좋았습니다. 여름이라 그런가 해도 늦게 지더라구요 Green Tortoise Hostel 이라는 게스트하우스? 였습니다. 깔끔하고 괜찮았습니다. 공용으로 사용할 수 있는 주방도 있고 앉아있을 수 있는 공간도 있었습니다. 숙소에 체크인하고 저녁도 먹을겸 밖에 산책을 나갔습니다. 첫번째 사진은 7시가 안됐는데 문을 닫은 식당을 보고 충격을..

오래된 여행의 이야기를 올리게된 이유. 제가 여행을 좋아해서 여러 나라를 많이 돌아다녔지만 시간이 지나면서 기억이 잘 안나게 되어서 블로그로 기록해보자!! 라는 생각이 들어 올리게 되었습니다. 여행의 시작. 21년 여름 복학은 했지만 코로나 때문에 온라인으로 강의를 들으며 알바를 다니던 그 때! 봄에 어쩌다보니 신청한 미국비자가 통과되어 비자를 받게 되었는데 어머니께서 돈도있고(당시 군대적금+알바로 돈을 조금 모아둔 상태였습니다.) 방학이라 시간도 있고 비자도 받았으니 미국여행갔다오라는 권유에 혹한 저는 마침(?) 여름방학에 마땅히 할게 없어서 미국여행을 갔다오게 되었습니다.(???) 지금 찾아보니 6월21일에 비행기표를 사고 7월 9일에 출국했으니 조금? 급하게 나간 감이 없잖아 있는 것 같네요 ㅎㅎ;..

일학습병행 OFF-JT 2일차 입니다.1일차 부터 올렸으면 좋겠지만... 일단 오늘 배운 걸  같이 정리해보도록 하죠 오늘은 1. 소프트웨어 아키텍처란 무엇인가?2. HTTP프로토콜 :  2-1 - Cookie와 Session에 대해서   2-2 - 요청과 응답 ( Request & Response )3. DB 보안?  3-1 - 리눅스에서 DB정보 확인과 권한 부여하는법  3-2 - DVWA를 활용한 sql injection 테스트방법4. chat-GPT와 파이썬을 활용한 데이터 분석 방법5. 암호화를 중심으로 한 보안에 대해서 배웠습니다.그 중에서 가장 기억에 남는 (가장 마지막에 해서... 중요하기도 하지만..)*암호화 를 중심으로 한 보안*에 대해서 포스팅 해보려고 합니다.암호화 를 중심으로 한 ..

1. 잘라서 배열로 저장하기 문자열 my_str과 n이 매개변수로 주어질 때, my_str을 길이 n씩 잘라서 저장한 배열을 return하도록 solution 함수를 완성해주세요. function solution(my_str, n) { const num = Math.ceil(my_str.length / n); const answer = []; for (let i = 0; i = my_str.length) { end = my_str.length; } else { end = start + n; } answer.push(my_str.substring(start, end)); } return answ..

1. 직사각형 넓이 구하기 - 2차원 좌표 평면에 변이 축과 평행한 직사각형이 있습니다. - 직사각형 네 꼭짓점의 좌표 [[x1, y1], [x2, y2], [x3, y3], [x4, y4]]가 담겨있는 배열 dots가 매개변수로 주어질 때, 직사각형의 넓이를 return 하도록 solution 함수를 완성해보세요. function solution(dots) { let answer = 0 const width = Math.max(...dots.map(a => a[0]))-Math.min(...dots.map(a => a[0])) const height = Math.max(...dots.map(a => a[1]))-Math.min(...dots.map(a => a[1])) answer = width*hei..

1. 세균 증식 어떤 세균은 1시간에 두배만큼 증식한다고 합니다. 처음 세균의 마리수 n과 경과한 시간 t가 매개변수로 주어질 때 t시간 후 세균의 수를 return하도록 solution 함수를 완성해주세요. function solution(n, t) { let answer = 0; answer=Math.pow(2,t)*n return answer; } - answer라는 변수를 0으로 초기화한 후 answer에 Math.pow(2, t) * n의 결과를 대입합니다. - Math.pow(2, t)는 2의 t승을 계산하는 함수입니다. - 이 값에 n을 곱한 후, answer에 대입하여 결과를 계산합니다. 2. 문자열 정렬하기 (2) 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때,..

1. 자릿수 더하기 정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요 function solution(n) { let answer = 0; while(n > 0) { answer += n%10; n = Math.floor(n/10); } return answer; } - let answer = 0;: 초기에 answer 변수를 0으로 초기화합니다. 이 변수는 최종적으로 각 자리수의 합을 저장할 용도로 사용됩니다. - while(n > 0) {: n이 0보다 큰 동안에 반복문을 실행합니다. n은 자리수를 하나씩 줄여가며 각 자리의 값을 추출하는 데 사용됩니다. - answer += n%10;: n의 가장 오른쪽 자리수 값을 추출하여 answer..

1. 배열의 유사도 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요. function solution(s1, s2) { let result = 0; for(let i = 0; i < s1.length; i++) { for(let j = 0; j < s2.length; j++) { if(s1[i] === s2[j]) { result += 1 } } } return result; } - 함수는 초기에 결과 변수인 result를 0으로 초기화합니다. - 그런 다음 첫 번째 문자열 s1의 모든 문자에 대해 두 번째 문자열 s2의 모든 문자와 비교합니다. - 외부 for 루프에서는 s1의 각 문자에 접근..

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

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

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

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

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

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