일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- interface
- array
- react
- mainapplication.kt
- generic
- supabase 페이지네이션
- Spring
- app:compiledebugkotlin
- 이진탐색
- 리액트네이티브아이콘
- materialicons
- async
- 글또10기
- reactnative
- 배열중복요소제거
- 스크롤이벤트
- 상속
- 페이지네이션
- extends
- 안드로이드빌드에러
- javascript
- meatadata
- set
- 슬라이딩윈도우
- Filter
- map
- TS
- Next.js
- 타입스크립트
- app.post
- Today
- Total
목록전체 글 (162)
rhanziy
package Chap_07; public class Enum { public static void main(String[] args) { // 열거형(Enum) switch 케이스에 자주 쓴다. // 달력 : JAN, FEB, MAR, ... // 옷 사이즈 : S, M, L, XL // OS종류 : WIN10, WIN11, MACOS, LINUX ... // 해상도 : HD, FHD, QHD, UHD, ... // resolution이라는 열거형은 HD라는 값을 가진다. Resolution resolution = Resolution.HD; System.out.println(resolution);// HD resolution = Resolution.FHD; System.out.print("동영상 녹화 ..
메소드 강의 들으면서 개인정보 일부분을 숨겨주는 프로그램 코드 작성 public class Method { public static String getHiddenData(String data) { // data파라미터의 길이에 따라 index값 할당 int index = (data.length() > 12) ? 9 : 1; // substring으로 index만큼 문자열 자르기 String hiddenData = data.substring(0, index); // 나머지 부분 * 로 채움 for(int i = 0; i < data.length() - index; i++) { hiddenData += "*"; } return hiddenData; } public static void main(String[..
JSTL : Java server pages Standard Tag Library Java EE 기반의 웹 어플리케이션 개발 플랫폼을 위한 컴포넌트 모음이다. XML 데이터 처리와 조건문, 반복문, 국제화와 지역화같은 일을 처리하기 위한 JSP태그 라이브러리를 추가하여 JSP 사양을 확장했다. JSP 페이지 내에서 자바 코드를 바로 사용하지 않고 로직을 내장하는 방법을 제공한다. Java 코드를 바로 사용하지 않고 HTML태그 형태로 직관적인 코딩을 지원한다. 문법 JSTL core의 태그들 태그명 설명 변수명에 값을 할당 값을 출력 조건식에 해당하는 블럭과 사용될 scope 설정 다른 언어의 switch와 비슷 switch문의 case에 해당 switch문의 default에 해당 다른언어의 loop문 ..
https://velog.io/@kyungjune/Styled-components-%EA%B8%B0%EC%96%B5%ED%95%98%EA%B8%B0 Styled-components 기억하기 React를 학습하던 중 모듈 시스템의 중요성을 계속 깨닫고 있다. 익숙하지 않은 방식들에 시간이 오래 걸리긴 하지만 반복적으로 사용하고 익숙해지면 분명 세분화된 폴더트리 구성에 훨씬 편해 velog.io https://kyounghwan01.github.io/blog/React/styled-components/basic/#global-theme styled-components 개념 및 예시, react, redux styled-components 개념 및 예시, react, redux, 환경설정, global the..
보안상 작은 이점을 누리기위해 환경변수를 작성해보자. 나중에 작업환경이 바뀌거나 클라우드에 올릴 때도 요것만 변경해주면 쉽게 환경셋팅이 가능해진다. npm install dotenv server.js 상단에 작성 require('dotenv').config() 그리고 server.js와 같은 경로에 .env파일을 하나 생성하고, 환경변수들을 작성해준다. PORT=8080 DB_URL="mongodb+srv://codingapple1@저쩌구" 그리고 server.js에서 환경변수를 가져다 쓸 때는 process.env.변수이름 로 불러온다. MongoClient.connect( process.env.DB_URL, // env에 작성한 URL { useUnifiedTopology : true}, (error..
로그인/비로그인 시 /mypage 방문 테스트를 해보자. server.js에 작성 app.get('/mypage', isLogIn , (req, res)=>{ console.log(req.user); res.render('mypage.ejs', { user : req.user }) }) function isLogIn (req, res, next) { if (req.user) { next() } else { res.send('로그인 안하셨는데요?') } } "요청.user 가 있으면 next()로 통과시켜주시고요, 없으면 에러메세지를 응답.send() 해주세요~" mypage.ejs에는 간단하게 보여줘봅시다. 의 마이페이지입니다. 요청.user가 뭐지?! passport.serializeUser(funct..
로그인, 로그인 검증, 세션생성을 도와주는 라이브러리 총 3개 설치 (실제 서비스시 express-session 말고 MongoDB에 세션데이터를 저장해주는 라이브러리를 이용하자.) express-session 라이브러리는 세션이 많아지면 서버의 메모리를 많이 잡아먹기 때문에 connect-mongo 등의 라이브러리로 DB에 세션데이터를 저장해서 사용하기 npm install passport passport-local express-session server.js에 추가할 코드. app.use() 는 요청과 응답사이에 뭔가 실행해줄 코드를 뜻하며 미들웨어임. const passport = require('passport'); const LocalStrategy = require('passport-loca..
/edit/게시물id url 접속 시 올렸던 게시물 수정페이지를 구현해보자. server.js 코드 app.get('/edit/:id', function(요청, 응답){ db.collection('post').findOne({ _id : parseInt(요청.params.id) }, function(에러, 결과){ 응답.render('edit.ejs', { post : 결과 }) }) edit.ejs에서 PUT을 구현해야하는데 PUT과 DELETE는 html에서 구현못한다. 그러므로 이번엔 method-override 라이브러리를 사용해봅시다 ^0^ npm install method-override server.js 상단에 코드 2줄 추가 const methodOverride = require('meth..